From 5b09dbfb3f86f27469078367a8f9519bca53917b Mon Sep 17 00:00:00 2001
From: keunes <11229646+keunes@users.noreply.github.com>
Date: Sun, 6 Aug 2023 10:27:36 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20AntennaP?=
 =?UTF-8?q?od/antennapod.github.io@d27678250e8eb5a4f4307ff557c36a6e034dc5b?=
 =?UTF-8?q?d=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html                                      | 149 +++++++++++-------
 about/index.html                              | 149 +++++++++++-------
 assets/css/main.css                           |  33 ++--
 assets/css/main.css.map                       |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 blog/2020/06/getting-to-a-new-icon.html       | 149 +++++++++++-------
 blog/2020/09/2-0-0-release.html               | 149 +++++++++++-------
 blog/2020/09/new-icon.html                    | 149 +++++++++++-------
 blog/2020/09/version-2-changelog.html         | 149 +++++++++++-------
 blog/2020/12/2-1-0-release.html               | 149 +++++++++++-------
 blog/2020/12/new-website.html                 | 149 +++++++++++-------
 blog/2021/05/2-2-0-release.html               | 149 +++++++++++-------
 blog/2021/06/forum-anniversary.html           | 149 +++++++++++-------
 blog/2021/07/2-3-0-release.html               | 149 +++++++++++-------
 blog/2021/12/2021-recap.html                  | 149 +++++++++++-------
 blog/2022/01/website-translations.html        | 149 +++++++++++-------
 blog/2022/03/2-5-release.html                 | 149 +++++++++++-------
 blog/2022/10/2-7-release.html                 | 149 +++++++++++-------
 blog/2022/10/translations-coordinator.html    | 149 +++++++++++-------
 blog/2023/05/introducing-the-home-screen.html | 149 +++++++++++-------
 blog/index.html                               | 149 +++++++++++-------
 contribute/develop.html                       | 149 +++++++++++-------
 contribute/index.html                         | 149 +++++++++++-------
 contribute/promote.html                       | 149 +++++++++++-------
 contribute/translate.html                     | 149 +++++++++++-------
 da/404.html                                   | 149 +++++++++++-------
 da/about/index.html                           | 149 +++++++++++-------
 da/assets/css/main.css                        |  33 ++--
 da/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 da/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 da/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 da/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 da/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 da/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 da/blog/2020/12/new-website.html              | 149 +++++++++++-------
 da/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 da/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 da/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 da/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 da/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 da/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 da/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 da/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 da/blog/index.html                            | 149 +++++++++++-------
 da/contribute/develop.html                    | 149 +++++++++++-------
 da/contribute/index.html                      | 149 +++++++++++-------
 da/contribute/promote.html                    | 149 +++++++++++-------
 da/contribute/translate.html                  | 149 +++++++++++-------
 da/deeplink/subscribe/index.html              | 149 +++++++++++-------
 da/documentation/automation.html              | 149 +++++++++++-------
 da/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 da/documentation/automation/tasker.html       | 149 +++++++++++-------
 da/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 da/documentation/general.html                 | 149 +++++++++++-------
 da/documentation/general/ads.html             | 149 +++++++++++-------
 da/documentation/general/backup.html          | 149 +++++++++++-------
 da/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 da/documentation/general/f-droid.html         | 149 +++++++++++-------
 da/documentation/general/proxy.html           | 149 +++++++++++-------
 da/documentation/general/synchronization.html | 149 +++++++++++-------
 da/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 da/documentation/index.html                   | 149 +++++++++++-------
 da/documentation/playback.html                | 149 +++++++++++-------
 da/documentation/playback/android-auto.html   | 149 +++++++++++-------
 da/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 da/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 da/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 da/documentation/queue.html                   | 149 +++++++++++-------
 da/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 da/documentation/queue/lock.html              | 149 +++++++++++-------
 da/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 da/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 da/download/index.html                        | 149 +++++++++++-------
 da/events-with-RDATE.ics                      |   2 +-
 da/events.ics                                 |   2 +-
 da/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 da/events/community-meeting.html              | 149 +++++++++++-------
 da/events/index.html                          | 149 +++++++++++-------
 da/index.html                                 | 149 +++++++++++-------
 da/license/index.html                         | 149 +++++++++++-------
 da/privacy/index.html                         | 149 +++++++++++-------
 da/s/subs-gone.html                           | 149 +++++++++++-------
 da/s/sync-help.html                           | 149 +++++++++++-------
 de/404.html                                   | 149 +++++++++++-------
 de/about/index.html                           | 149 +++++++++++-------
 de/assets/css/main.css                        |  33 ++--
 de/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 de/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 de/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 de/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 de/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 de/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 de/blog/2020/12/new-website.html              | 149 +++++++++++-------
 de/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 de/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 de/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 de/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 de/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 de/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 de/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 de/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 de/blog/index.html                            | 149 +++++++++++-------
 de/contribute/develop.html                    | 149 +++++++++++-------
 de/contribute/index.html                      | 149 +++++++++++-------
 de/contribute/promote.html                    | 149 +++++++++++-------
 de/contribute/translate.html                  | 149 +++++++++++-------
 de/deeplink/subscribe/index.html              | 149 +++++++++++-------
 de/documentation/automation.html              | 149 +++++++++++-------
 de/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 de/documentation/automation/tasker.html       | 149 +++++++++++-------
 de/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 de/documentation/general.html                 | 149 +++++++++++-------
 de/documentation/general/ads.html             | 149 +++++++++++-------
 de/documentation/general/backup.html          | 149 +++++++++++-------
 de/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 de/documentation/general/f-droid.html         | 149 +++++++++++-------
 de/documentation/general/proxy.html           | 149 +++++++++++-------
 de/documentation/general/synchronization.html | 149 +++++++++++-------
 de/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 de/documentation/index.html                   | 149 +++++++++++-------
 de/documentation/playback.html                | 149 +++++++++++-------
 de/documentation/playback/android-auto.html   | 149 +++++++++++-------
 de/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 de/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 de/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 de/documentation/queue.html                   | 149 +++++++++++-------
 de/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 de/documentation/queue/lock.html              | 149 +++++++++++-------
 de/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 de/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 de/download/index.html                        | 149 +++++++++++-------
 de/events-with-RDATE.ics                      |   2 +-
 de/events.ics                                 |   2 +-
 de/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 de/events/community-meeting.html              | 149 +++++++++++-------
 de/events/index.html                          | 149 +++++++++++-------
 de/index.html                                 | 149 +++++++++++-------
 de/license/index.html                         | 149 +++++++++++-------
 de/privacy/index.html                         | 149 +++++++++++-------
 de/s/subs-gone.html                           | 149 +++++++++++-------
 de/s/sync-help.html                           | 149 +++++++++++-------
 deeplink/subscribe/index.html                 | 149 +++++++++++-------
 documentation/automation.html                 | 149 +++++++++++-------
 documentation/automation/deletion.html        | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 documentation/automation/tasker.html          | 149 +++++++++++-------
 documentation/bugs-first-aid.html             | 149 +++++++++++-------
 documentation/bugs-first-aid/bug-report.html  | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 documentation/general.html                    | 149 +++++++++++-------
 documentation/general/ads.html                | 149 +++++++++++-------
 documentation/general/backup.html             | 149 +++++++++++-------
 documentation/general/beta.html               | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 documentation/general/episode-deletion.html   | 149 +++++++++++-------
 documentation/general/external-storage.html   | 149 +++++++++++-------
 documentation/general/f-droid.html            | 149 +++++++++++-------
 documentation/general/proxy.html              | 149 +++++++++++-------
 documentation/general/synchronization.html    | 149 +++++++++++-------
 documentation/getting-started.html            | 149 +++++++++++-------
 documentation/getting-started/subscribe.html  | 149 +++++++++++-------
 documentation/index.html                      | 149 +++++++++++-------
 documentation/playback.html                   | 149 +++++++++++-------
 documentation/playback/android-auto.html      | 149 +++++++++++-------
 documentation/playback/auto-rewind.html       | 149 +++++++++++-------
 documentation/playback/shortcuts.html         | 149 +++++++++++-------
 documentation/podcasters-hosters.html         | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 documentation/queue.html                      | 149 +++++++++++-------
 documentation/queue/how-to-use.html           | 149 +++++++++++-------
 documentation/queue/lock.html                 | 149 +++++++++++-------
 documentation/queue/multiple-queues.html      | 149 +++++++++++-------
 documentation/subscriptions.html              | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 download/index.html                           | 149 +++++++++++-------
 es/404.html                                   | 149 +++++++++++-------
 es/about/index.html                           | 149 +++++++++++-------
 es/assets/css/main.css                        |  33 ++--
 es/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 es/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 es/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 es/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 es/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 es/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 es/blog/2020/12/new-website.html              | 149 +++++++++++-------
 es/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 es/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 es/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 es/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 es/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 es/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 es/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 es/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 es/blog/index.html                            | 149 +++++++++++-------
 es/contribute/develop.html                    | 149 +++++++++++-------
 es/contribute/index.html                      | 149 +++++++++++-------
 es/contribute/promote.html                    | 149 +++++++++++-------
 es/contribute/translate.html                  | 149 +++++++++++-------
 es/deeplink/subscribe/index.html              | 149 +++++++++++-------
 es/documentation/automation.html              | 149 +++++++++++-------
 es/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 es/documentation/automation/tasker.html       | 149 +++++++++++-------
 es/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 es/documentation/general.html                 | 149 +++++++++++-------
 es/documentation/general/ads.html             | 149 +++++++++++-------
 es/documentation/general/backup.html          | 149 +++++++++++-------
 es/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 es/documentation/general/f-droid.html         | 149 +++++++++++-------
 es/documentation/general/proxy.html           | 149 +++++++++++-------
 es/documentation/general/synchronization.html | 149 +++++++++++-------
 es/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 es/documentation/index.html                   | 149 +++++++++++-------
 es/documentation/playback.html                | 149 +++++++++++-------
 es/documentation/playback/android-auto.html   | 149 +++++++++++-------
 es/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 es/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 es/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 es/documentation/queue.html                   | 149 +++++++++++-------
 es/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 es/documentation/queue/lock.html              | 149 +++++++++++-------
 es/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 es/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 es/download/index.html                        | 149 +++++++++++-------
 es/events-with-RDATE.ics                      |   2 +-
 es/events.ics                                 |   2 +-
 es/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 es/events/community-meeting.html              | 149 +++++++++++-------
 es/events/index.html                          | 149 +++++++++++-------
 es/index.html                                 | 149 +++++++++++-------
 es/license/index.html                         | 149 +++++++++++-------
 es/privacy/index.html                         | 149 +++++++++++-------
 es/s/subs-gone.html                           | 149 +++++++++++-------
 es/s/sync-help.html                           | 149 +++++++++++-------
 events-with-RDATE.ics                         |   2 +-
 events.ics                                    |   2 +-
 events/2022/07/10-year-anniversary.html       | 149 +++++++++++-------
 events/community-meeting.html                 | 149 +++++++++++-------
 events/index.html                             | 149 +++++++++++-------
 fr/404.html                                   | 149 +++++++++++-------
 fr/about/index.html                           | 149 +++++++++++-------
 fr/assets/css/main.css                        |  33 ++--
 fr/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 fr/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 fr/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 fr/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 fr/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 fr/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 fr/blog/2020/12/new-website.html              | 149 +++++++++++-------
 fr/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 fr/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 fr/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 fr/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 fr/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 fr/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 fr/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 fr/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 fr/blog/index.html                            | 149 +++++++++++-------
 fr/contribute/develop.html                    | 149 +++++++++++-------
 fr/contribute/index.html                      | 149 +++++++++++-------
 fr/contribute/promote.html                    | 149 +++++++++++-------
 fr/contribute/translate.html                  | 149 +++++++++++-------
 fr/deeplink/subscribe/index.html              | 149 +++++++++++-------
 fr/documentation/automation.html              | 149 +++++++++++-------
 fr/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 fr/documentation/automation/tasker.html       | 149 +++++++++++-------
 fr/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 fr/documentation/general.html                 | 149 +++++++++++-------
 fr/documentation/general/ads.html             | 149 +++++++++++-------
 fr/documentation/general/backup.html          | 149 +++++++++++-------
 fr/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 fr/documentation/general/f-droid.html         | 149 +++++++++++-------
 fr/documentation/general/proxy.html           | 149 +++++++++++-------
 fr/documentation/general/synchronization.html | 149 +++++++++++-------
 fr/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 fr/documentation/index.html                   | 149 +++++++++++-------
 fr/documentation/playback.html                | 149 +++++++++++-------
 fr/documentation/playback/android-auto.html   | 149 +++++++++++-------
 fr/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 fr/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 fr/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 fr/documentation/queue.html                   | 149 +++++++++++-------
 fr/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 fr/documentation/queue/lock.html              | 149 +++++++++++-------
 fr/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 fr/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 fr/download/index.html                        | 149 +++++++++++-------
 fr/events-with-RDATE.ics                      |   2 +-
 fr/events.ics                                 |   2 +-
 fr/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 fr/events/community-meeting.html              | 149 +++++++++++-------
 fr/events/index.html                          | 149 +++++++++++-------
 fr/index.html                                 | 149 +++++++++++-------
 fr/license/index.html                         | 149 +++++++++++-------
 fr/privacy/index.html                         | 149 +++++++++++-------
 fr/s/subs-gone.html                           | 149 +++++++++++-------
 fr/s/sync-help.html                           | 149 +++++++++++-------
 index.html                                    | 149 +++++++++++-------
 it/404.html                                   | 149 +++++++++++-------
 it/about/index.html                           | 149 +++++++++++-------
 it/assets/css/main.css                        |  33 ++--
 it/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 it/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 it/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 it/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 it/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 it/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 it/blog/2020/12/new-website.html              | 149 +++++++++++-------
 it/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 it/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 it/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 it/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 it/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 it/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 it/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 it/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 it/blog/index.html                            | 149 +++++++++++-------
 it/contribute/develop.html                    | 149 +++++++++++-------
 it/contribute/index.html                      | 149 +++++++++++-------
 it/contribute/promote.html                    | 149 +++++++++++-------
 it/contribute/translate.html                  | 149 +++++++++++-------
 it/deeplink/subscribe/index.html              | 149 +++++++++++-------
 it/documentation/automation.html              | 149 +++++++++++-------
 it/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 it/documentation/automation/tasker.html       | 149 +++++++++++-------
 it/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 it/documentation/general.html                 | 149 +++++++++++-------
 it/documentation/general/ads.html             | 149 +++++++++++-------
 it/documentation/general/backup.html          | 149 +++++++++++-------
 it/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 it/documentation/general/f-droid.html         | 149 +++++++++++-------
 it/documentation/general/proxy.html           | 149 +++++++++++-------
 it/documentation/general/synchronization.html | 149 +++++++++++-------
 it/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 it/documentation/index.html                   | 149 +++++++++++-------
 it/documentation/playback.html                | 149 +++++++++++-------
 it/documentation/playback/android-auto.html   | 149 +++++++++++-------
 it/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 it/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 it/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 it/documentation/queue.html                   | 149 +++++++++++-------
 it/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 it/documentation/queue/lock.html              | 149 +++++++++++-------
 it/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 it/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 it/download/index.html                        | 149 +++++++++++-------
 it/events-with-RDATE.ics                      |   2 +-
 it/events.ics                                 |   2 +-
 it/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 it/events/community-meeting.html              | 149 +++++++++++-------
 it/events/index.html                          | 149 +++++++++++-------
 it/index.html                                 | 149 +++++++++++-------
 it/license/index.html                         | 149 +++++++++++-------
 it/privacy/index.html                         | 149 +++++++++++-------
 it/s/subs-gone.html                           | 149 +++++++++++-------
 it/s/sync-help.html                           | 149 +++++++++++-------
 license/index.html                            | 149 +++++++++++-------
 nl/404.html                                   | 149 +++++++++++-------
 nl/about/index.html                           | 149 +++++++++++-------
 nl/assets/css/main.css                        |  33 ++--
 nl/assets/css/main.css.map                    |   2 +-
 .../05/supporting-old-android-versions.html   | 149 +++++++++++-------
 nl/blog/2020/06/getting-to-a-new-icon.html    | 149 +++++++++++-------
 nl/blog/2020/09/2-0-0-release.html            | 149 +++++++++++-------
 nl/blog/2020/09/new-icon.html                 | 149 +++++++++++-------
 nl/blog/2020/09/version-2-changelog.html      | 149 +++++++++++-------
 nl/blog/2020/12/2-1-0-release.html            | 149 +++++++++++-------
 nl/blog/2020/12/new-website.html              | 149 +++++++++++-------
 nl/blog/2021/05/2-2-0-release.html            | 149 +++++++++++-------
 nl/blog/2021/06/forum-anniversary.html        | 149 +++++++++++-------
 nl/blog/2021/07/2-3-0-release.html            | 149 +++++++++++-------
 nl/blog/2021/12/2021-recap.html               | 149 +++++++++++-------
 nl/blog/2022/01/website-translations.html     | 149 +++++++++++-------
 nl/blog/2022/03/2-5-release.html              | 149 +++++++++++-------
 nl/blog/2022/10/2-7-release.html              | 149 +++++++++++-------
 nl/blog/2022/10/translations-coordinator.html | 149 +++++++++++-------
 .../2023/05/introducing-the-home-screen.html  | 149 +++++++++++-------
 nl/blog/index.html                            | 149 +++++++++++-------
 nl/contribute/develop.html                    | 149 +++++++++++-------
 nl/contribute/index.html                      | 149 +++++++++++-------
 nl/contribute/promote.html                    | 149 +++++++++++-------
 nl/contribute/translate.html                  | 149 +++++++++++-------
 nl/deeplink/subscribe/index.html              | 149 +++++++++++-------
 nl/documentation/automation.html              | 149 +++++++++++-------
 nl/documentation/automation/deletion.html     | 149 +++++++++++-------
 .../automation/refreshing-podcasts.html       | 149 +++++++++++-------
 nl/documentation/automation/tasker.html       | 149 +++++++++++-------
 nl/documentation/bugs-first-aid.html          | 149 +++++++++++-------
 .../bugs-first-aid/bug-report.html            | 149 +++++++++++-------
 .../cannot-stream-download.html               | 149 +++++++++++-------
 .../bugs-first-aid/database-error.html        | 149 +++++++++++-------
 .../bugs-first-aid/episodes-missing.html      | 149 +++++++++++-------
 .../bugs-first-aid/playback-stops.html        | 149 +++++++++++-------
 .../refresh-download-errors.html              | 149 +++++++++++-------
 .../bugs-first-aid/typo-translations.html     | 149 +++++++++++-------
 nl/documentation/general.html                 | 149 +++++++++++-------
 nl/documentation/general/ads.html             | 149 +++++++++++-------
 nl/documentation/general/backup.html          | 149 +++++++++++-------
 nl/documentation/general/beta.html            | 149 +++++++++++-------
 .../general/central-distributed.html          | 149 +++++++++++-------
 .../general/episode-deletion.html             | 149 +++++++++++-------
 .../general/external-storage.html             | 149 +++++++++++-------
 nl/documentation/general/f-droid.html         | 149 +++++++++++-------
 nl/documentation/general/proxy.html           | 149 +++++++++++-------
 nl/documentation/general/synchronization.html | 149 +++++++++++-------
 nl/documentation/getting-started.html         | 149 +++++++++++-------
 .../getting-started/subscribe.html            | 149 +++++++++++-------
 nl/documentation/index.html                   | 149 +++++++++++-------
 nl/documentation/playback.html                | 149 +++++++++++-------
 nl/documentation/playback/android-auto.html   | 149 +++++++++++-------
 nl/documentation/playback/auto-rewind.html    | 149 +++++++++++-------
 nl/documentation/playback/shortcuts.html      | 149 +++++++++++-------
 nl/documentation/podcasters-hosters.html      | 149 +++++++++++-------
 .../podcasters-hosters/add-on-antennapod.html | 149 +++++++++++-------
 .../podcasters-hosters/list-podcast.html      | 149 +++++++++++-------
 nl/documentation/queue.html                   | 149 +++++++++++-------
 nl/documentation/queue/how-to-use.html        | 149 +++++++++++-------
 nl/documentation/queue/lock.html              | 149 +++++++++++-------
 nl/documentation/queue/multiple-queues.html   | 149 +++++++++++-------
 nl/documentation/subscriptions.html           | 149 +++++++++++-------
 .../listening-without-subscribing.html        | 149 +++++++++++-------
 .../subscriptions/subscription-groups.html    | 149 +++++++++++-------
 nl/download/index.html                        | 149 +++++++++++-------
 nl/events-with-RDATE.ics                      |   2 +-
 nl/events.ics                                 |   2 +-
 nl/events/2022/07/10-year-anniversary.html    | 149 +++++++++++-------
 nl/events/community-meeting.html              | 149 +++++++++++-------
 nl/events/index.html                          | 149 +++++++++++-------
 nl/index.html                                 | 149 +++++++++++-------
 nl/license/index.html                         | 149 +++++++++++-------
 nl/privacy/index.html                         | 149 +++++++++++-------
 nl/s/subs-gone.html                           | 149 +++++++++++-------
 nl/s/sync-help.html                           | 149 +++++++++++-------
 privacy/index.html                            | 149 +++++++++++-------
 s/subs-gone.html                              | 149 +++++++++++-------
 s/sync-help.html                              | 149 +++++++++++-------
 532 files changed, 45535 insertions(+), 29834 deletions(-)

diff --git a/404.html b/404.html
index 1fef994c5..7cbd20b8a 100644
--- a/404.html
+++ b/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Error</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/about/index.html b/about/index.html
index b57a7dc59..58b098900 100644
--- a/about/index.html
+++ b/about/index.html
@@ -318,69 +318,100 @@ <h2 id="est-2011-the-antennapod-project-today">Est. 2011: the AntennaPod project
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/assets/css/main.css b/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/assets/css/main.css.map
+++ b/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrb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A;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/blog/2020/05/supporting-old-android-versions.html b/blog/2020/05/supporting-old-android-versions.html
index b0a71df66..657aeb28b 100644
--- a/blog/2020/05/supporting-old-android-versions.html
+++ b/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/06/getting-to-a-new-icon.html b/blog/2020/06/getting-to-a-new-icon.html
index 13847d247..0a857ffd2 100644
--- a/blog/2020/06/getting-to-a-new-icon.html
+++ b/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/09/2-0-0-release.html b/blog/2020/09/2-0-0-release.html
index 71689be5a..909a3d461 100644
--- a/blog/2020/09/2-0-0-release.html
+++ b/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/09/new-icon.html b/blog/2020/09/new-icon.html
index 4baddf74e..468b9402e 100644
--- a/blog/2020/09/new-icon.html
+++ b/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/09/version-2-changelog.html b/blog/2020/09/version-2-changelog.html
index ffabe73c1..983159dff 100644
--- a/blog/2020/09/version-2-changelog.html
+++ b/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/12/2-1-0-release.html b/blog/2020/12/2-1-0-release.html
index fcfc4d3a3..8dc13a65e 100644
--- a/blog/2020/12/2-1-0-release.html
+++ b/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2020/12/new-website.html b/blog/2020/12/new-website.html
index 4c359b587..84ecde263 100644
--- a/blog/2020/12/new-website.html
+++ b/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2021/05/2-2-0-release.html b/blog/2021/05/2-2-0-release.html
index b467dc608..bb9bbd87b 100644
--- a/blog/2021/05/2-2-0-release.html
+++ b/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2021/06/forum-anniversary.html b/blog/2021/06/forum-anniversary.html
index 4facd0135..c4ae00eb7 100644
--- a/blog/2021/06/forum-anniversary.html
+++ b/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2021/07/2-3-0-release.html b/blog/2021/07/2-3-0-release.html
index e231716c5..c0fc4a3cf 100644
--- a/blog/2021/07/2-3-0-release.html
+++ b/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2021/12/2021-recap.html b/blog/2021/12/2021-recap.html
index a4e9dec84..4eed4ff0e 100644
--- a/blog/2021/12/2021-recap.html
+++ b/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2022/01/website-translations.html b/blog/2022/01/website-translations.html
index ae139b755..c01225b8e 100644
--- a/blog/2022/01/website-translations.html
+++ b/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2022/03/2-5-release.html b/blog/2022/03/2-5-release.html
index c79230b1b..9908f5d11 100644
--- a/blog/2022/03/2-5-release.html
+++ b/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2022/10/2-7-release.html b/blog/2022/10/2-7-release.html
index 2be02fc2f..c2b215e12 100644
--- a/blog/2022/10/2-7-release.html
+++ b/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2022/10/translations-coordinator.html b/blog/2022/10/translations-coordinator.html
index f8a0f4a98..25d919f91 100644
--- a/blog/2022/10/translations-coordinator.html
+++ b/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/2023/05/introducing-the-home-screen.html b/blog/2023/05/introducing-the-home-screen.html
index ed4700cf4..483623456 100644
--- a/blog/2023/05/introducing-the-home-screen.html
+++ b/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/blog/index.html b/blog/index.html
index e8941200d..def5a4ae1 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/contribute/develop.html b/contribute/develop.html
index a2161cd6a..705f826ad 100644
--- a/contribute/develop.html
+++ b/contribute/develop.html
@@ -317,69 +317,100 @@ <h1 id="get-in-touch">Get in touch!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/contribute/index.html b/contribute/index.html
index 4b40676f2..dcd4b9732 100644
--- a/contribute/index.html
+++ b/contribute/index.html
@@ -373,69 +373,100 @@ <h5 class="modal-title" id="donationModalLabel">Are you sure you want to donate?
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/contribute/promote.html b/contribute/promote.html
index b182080fc..e5fc12830 100644
--- a/contribute/promote.html
+++ b/contribute/promote.html
@@ -304,69 +304,100 @@ <h1 id="get-in-touch">Get in touch</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/contribute/translate.html b/contribute/translate.html
index a1d24dfa3..3e102bd46 100644
--- a/contribute/translate.html
+++ b/contribute/translate.html
@@ -356,69 +356,100 @@ <h1 id="get-in-touch">Get in touch!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/404.html b/da/404.html
index 33fb689a4..57f54d7ea 100644
--- a/da/404.html
+++ b/da/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Fejl</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/about/index.html b/da/about/index.html
index e0915e304..c72b55bcd 100644
--- a/da/about/index.html
+++ b/da/about/index.html
@@ -374,69 +374,100 @@ <h2 id="etableret-2011-antennapod-projektet-i-dag">Etableret 2011: AntennaPod-pr
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/assets/css/main.css b/da/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/da/assets/css/main.css
+++ b/da/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/da/assets/css/main.css.map b/da/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/da/assets/css/main.css.map
+++ b/da/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;EWnBA;IACE;IACA;;EAGF;IACE;IACA;;;AXYF;EWnBA;IACE;IACA;;EAGF;IACE;IACA;;;AXYF;EWnBA;IACE;IACA;;EAGF;IACE;IACA;;;AXYF;EWnBA;IACE;IACA;;EAGF;IACE;IACA;;;AAQJ;EACE;EACA;EACA;EACA,evB+rBgC;;AwB9tBhC;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAzBJ;EACA;EACA;EACA;;AA8CE;EACE;;;ADWJ;EACE;EACA;EACA;EACA;EACA,avBirBgC;;AwB9tBhC;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAlBJ;EACA;EACA;EACA;;AAuCE;EACE;;ADqBF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA,cvBgqBgC;;AwB9tBhC;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;;AAWA;EACE;;AAGF;EACE;EACA,cxB4MsB;EwB3MtB,gBxB0MsB;EwBzMtB;EA9BN;EACA;EACA;;AAiCE;EACE;;ADsCF;EACE;;;AAQJ;EAIE;EACA;;;AAKJ;EE9GE;EACA;EACA;EACA;;;AFkHF;EACE;EACA;EACA;EACA;EACA,avBiK4B;EuBhK5B,O3BhFS;E2BiFT;EACA;EACA;EACA;EACA;;ApBrHA;EoBoIE,OvBonBgC;EuBnnBhC;EJ/IA,kBvBmCO;;A2BgHT;EAEE,O3B1JI;E2B2JJ;EJtJA,kBnBoP0B;;AuB1F5B;EAEE,O3BtHO;E2BuHP;EACA;;;AAQJ;EACE;;;AAIF;EACE;EACA,SvBimBkC;EuBhmBlC;EtBAI;EsBEJ,O3BzIS;E2B0IT;;;AAIF;EACE;EACA;EACA,O3B9IS;;;A8B7CX;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AvBCF;AAAA;EuBII;;AAEF;AAAA;AAAA;AAAA;EAGE;;;AAMN;EACE;EACA;EACA;;AAEA;EACE;;;AAMF;AAAA;EAEE;;AAIF;AAAA;ElBXE;EACA;;AkBeF;AAAA;ElBFE;EACA;;;AkBmBJ;EACE;EACA;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAoBF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIF;AAAA;ElBrFE;EACA;;AkByFF;AAAA;ElBxGE;EACA;;;AkB2HF;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;;ACzJN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAKJ;AAAA;AAAA;EAGE;;AAIF;EACE;;AAKA;AAAA;EnBIA;EACA;;AmBAF;EACE;EACA;;AAEA;EnBnBA;EACA;;AmBoBA;EnBPA;EACA;;AmBUA;AAAA;AAAA;AAAA;EnBzBA;EACA;;AmBiCA;AAAA;AAAA;AAAA;EnBlCA;EACA;;;AmBiDJ;AAAA;EAEE;;AAKA;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;;AAIJ;EAAuB;;;AACvB;EAAsB;;;AAQtB;EACE;EACA;EACA;EACA;E1B2DI;E0BzDJ,a3BqK4B;E2BpK5B,a3ByK4B;E2BxK5B,O/B/ES;E+BgFT;EACA;EACA,kB/BvFS;E+BwFT;EnB/GE;;AmBmHF;AAAA;EAEE;;;AAUJ;AAAA;EAEE,Q3BmWsC;;;A2BhWxC;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;E1BwBI;E0BtBJ,a3B2E4B;EQvN1B;;;AmBgJJ;AAAA;EAEE,Q3BiVsC;;;A2B9UxC;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;E1BOI;E0BLJ,a3B2D4B;EQxN1B;;;AmBiKJ;AAAA;EAEE;;;AAWF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EnB9JI;EACA;;;AmBwKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EnB3JI;EACA;;;AoBxCJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,c5ByfsC;;;A4BtfxC;EACE;EACA;EACA;EACA,O5BqfsC;E4BpftC;EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrb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A;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/da/blog/2020/05/supporting-old-android-versions.html b/da/blog/2020/05/supporting-old-android-versions.html
index 5e4444ed2..4b1ad89d3 100644
--- a/da/blog/2020/05/supporting-old-android-versions.html
+++ b/da/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/06/getting-to-a-new-icon.html b/da/blog/2020/06/getting-to-a-new-icon.html
index f74ea9917..736f6a5ce 100644
--- a/da/blog/2020/06/getting-to-a-new-icon.html
+++ b/da/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/09/2-0-0-release.html b/da/blog/2020/09/2-0-0-release.html
index e94daaa60..71fd45648 100644
--- a/da/blog/2020/09/2-0-0-release.html
+++ b/da/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/09/new-icon.html b/da/blog/2020/09/new-icon.html
index 785d12ae2..d63a8d06b 100644
--- a/da/blog/2020/09/new-icon.html
+++ b/da/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/09/version-2-changelog.html b/da/blog/2020/09/version-2-changelog.html
index 6959d11b2..5b6520f38 100644
--- a/da/blog/2020/09/version-2-changelog.html
+++ b/da/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/12/2-1-0-release.html b/da/blog/2020/12/2-1-0-release.html
index bc6eabc71..bc7dd9560 100644
--- a/da/blog/2020/12/2-1-0-release.html
+++ b/da/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2020/12/new-website.html b/da/blog/2020/12/new-website.html
index fc22fb3f2..f40c1bc96 100644
--- a/da/blog/2020/12/new-website.html
+++ b/da/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2021/05/2-2-0-release.html b/da/blog/2021/05/2-2-0-release.html
index 6d8791d5d..09fe46d6a 100644
--- a/da/blog/2021/05/2-2-0-release.html
+++ b/da/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2021/06/forum-anniversary.html b/da/blog/2021/06/forum-anniversary.html
index 5a0bddaad..5fc87371f 100644
--- a/da/blog/2021/06/forum-anniversary.html
+++ b/da/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2021/07/2-3-0-release.html b/da/blog/2021/07/2-3-0-release.html
index 051a1b026..7d4c136b6 100644
--- a/da/blog/2021/07/2-3-0-release.html
+++ b/da/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2021/12/2021-recap.html b/da/blog/2021/12/2021-recap.html
index 0581f30f2..f4a2a2a94 100644
--- a/da/blog/2021/12/2021-recap.html
+++ b/da/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2022/01/website-translations.html b/da/blog/2022/01/website-translations.html
index 2c2fb6b49..ad2050aa9 100644
--- a/da/blog/2022/01/website-translations.html
+++ b/da/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2022/03/2-5-release.html b/da/blog/2022/03/2-5-release.html
index 81075c3f9..371aa3773 100644
--- a/da/blog/2022/03/2-5-release.html
+++ b/da/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2022/10/2-7-release.html b/da/blog/2022/10/2-7-release.html
index 20bc8c4db..882290ab8 100644
--- a/da/blog/2022/10/2-7-release.html
+++ b/da/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2022/10/translations-coordinator.html b/da/blog/2022/10/translations-coordinator.html
index e7800f73b..443378dce 100644
--- a/da/blog/2022/10/translations-coordinator.html
+++ b/da/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/2023/05/introducing-the-home-screen.html b/da/blog/2023/05/introducing-the-home-screen.html
index 40b0194c7..beca7f251 100644
--- a/da/blog/2023/05/introducing-the-home-screen.html
+++ b/da/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/blog/index.html b/da/blog/index.html
index 08c56c42e..64e20ae20 100644
--- a/da/blog/index.html
+++ b/da/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/contribute/develop.html b/da/contribute/develop.html
index 8c4473761..49b574d30 100644
--- a/da/contribute/develop.html
+++ b/da/contribute/develop.html
@@ -371,69 +371,100 @@ <h1 id="kontakt-os">Kontakt os!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/contribute/index.html b/da/contribute/index.html
index c049305e8..96c5c01af 100644
--- a/da/contribute/index.html
+++ b/da/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">Er du sikker på, at du ønsker
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/contribute/promote.html b/da/contribute/promote.html
index 6a35c8692..9f86b7be9 100644
--- a/da/contribute/promote.html
+++ b/da/contribute/promote.html
@@ -317,69 +317,100 @@ <h1 id="kontakt-os">Kontakt os</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/contribute/translate.html b/da/contribute/translate.html
index 264d5fb3a..105aed836 100644
--- a/da/contribute/translate.html
+++ b/da/contribute/translate.html
@@ -406,69 +406,100 @@ <h1 id="kontakt-os">Kontakt os!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/deeplink/subscribe/index.html b/da/deeplink/subscribe/index.html
index a83fda9c4..42fc567a4 100644
--- a/da/deeplink/subscribe/index.html
+++ b/da/deeplink/subscribe/index.html
@@ -308,69 +308,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/documentation/automation.html b/da/documentation/automation.html
index e0f4194ab..55cffb7e4 100644
--- a/da/documentation/automation.html
+++ b/da/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integration med andre apps</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/automation/deletion.html b/da/documentation/automation/deletion.html
index 7842385b9..1f041131b 100644
--- a/da/documentation/automation/deletion.html
+++ b/da/documentation/automation/deletion.html
@@ -395,69 +395,100 @@ <h2 id="oprydning-af-afsnit">Oprydning af afsnit</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/automation/refreshing-podcasts.html b/da/documentation/automation/refreshing-podcasts.html
index 18535e7f7..a45a92e0b 100644
--- a/da/documentation/automation/refreshing-podcasts.html
+++ b/da/documentation/automation/refreshing-podcasts.html
@@ -393,69 +393,100 @@ <h1 id="opdatering-af-podcasts">Opdatering af podcasts</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/automation/tasker.html b/da/documentation/automation/tasker.html
index 94e7d1379..99ea4681e 100644
--- a/da/documentation/automation/tasker.html
+++ b/da/documentation/automation/tasker.html
@@ -461,69 +461,100 @@ <h3 id="llama---placeringsprofiler">Llama - Placeringsprofiler</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid.html b/da/documentation/bugs-first-aid.html
index 5a20f6518..f7a6507e4 100644
--- a/da/documentation/bugs-first-aid.html
+++ b/da/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">Alle mine podcasts og afsnit er væk</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/bug-report.html b/da/documentation/bugs-first-aid/bug-report.html
index cc5d9e47b..140021694 100644
--- a/da/documentation/bugs-first-aid/bug-report.html
+++ b/da/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="der-er-noget-der-ikke-virker">Der er noget, der ikke virker</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/cannot-stream-download.html b/da/documentation/bugs-first-aid/cannot-stream-download.html
index f7f497101..76e839aab 100644
--- a/da/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/da/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="kan-ikke-downloade-et-afsnit">Kan ikke downloade et afsnit</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/database-error.html b/da/documentation/bugs-first-aid/database-error.html
index 22188384b..0837b1677 100644
--- a/da/documentation/bugs-first-aid/database-error.html
+++ b/da/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="alle-mine-podcasts-og-afsnit-er-væk">Alle mine podcasts og afsnit er v
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/episodes-missing.html b/da/documentation/bugs-first-aid/episodes-missing.html
index 8e9b617fc..cf1d3ee32 100644
--- a/da/documentation/bugs-first-aid/episodes-missing.html
+++ b/da/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="gamle-afsnit-mangler">Gamle afsnit mangler</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/playback-stops.html b/da/documentation/bugs-first-aid/playback-stops.html
index 611ce88fd..39be57529 100644
--- a/da/documentation/bugs-first-aid/playback-stops.html
+++ b/da/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="afspilning-stopper-pludselig">Afspilning stopper pludselig</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/refresh-download-errors.html b/da/documentation/bugs-first-aid/refresh-download-errors.html
index 2a354ae15..362b3761f 100644
--- a/da/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/da/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="fejl-ved-overførsel-eller-opdatering-af-feed">Fejl ved overførsel elle
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/bugs-first-aid/typo-translations.html b/da/documentation/bugs-first-aid/typo-translations.html
index 7e2ee52e8..8ca24f5c3 100644
--- a/da/documentation/bugs-first-aid/typo-translations.html
+++ b/da/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="ønsker-du-blot-at-informere-os">Ønsker du blot at informere os?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general.html b/da/documentation/general.html
index 511fcfac8..687603543 100644
--- a/da/documentation/general.html
+++ b/da/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Sådan synkroniserer du mellem enheder</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/ads.html b/da/documentation/general/ads.html
index 0ca861be9..3c8c5b383 100644
--- a/da/documentation/general/ads.html
+++ b/da/documentation/general/ads.html
@@ -432,69 +432,100 @@ <h3 id="2-udgiverne-af-podcasten-tilføjede-annoncerne-til-deres-afsnitbeskrivel
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/backup.html b/da/documentation/general/backup.html
index de2f831b7..02833d9cb 100644
--- a/da/documentation/general/backup.html
+++ b/da/documentation/general/backup.html
@@ -407,69 +407,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/beta.html b/da/documentation/general/beta.html
index c7c8a35a2..ea5aa606a 100644
--- a/da/documentation/general/beta.html
+++ b/da/documentation/general/beta.html
@@ -426,69 +426,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/central-distributed.html b/da/documentation/general/central-distributed.html
index 292284a59..26f30178a 100644
--- a/da/documentation/general/central-distributed.html
+++ b/da/documentation/general/central-distributed.html
@@ -422,69 +422,100 @@ <h1 id="centrale-og-decentrale-podcast-apps">Centrale og decentrale podcast-apps
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/episode-deletion.html b/da/documentation/general/episode-deletion.html
index 61ceece83..4aeba0d8b 100644
--- a/da/documentation/general/episode-deletion.html
+++ b/da/documentation/general/episode-deletion.html
@@ -392,69 +392,100 @@ <h1 id="sletning-af-afsnit">Sletning af afsnit</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/external-storage.html b/da/documentation/general/external-storage.html
index 34c011532..c40934140 100644
--- a/da/documentation/general/external-storage.html
+++ b/da/documentation/general/external-storage.html
@@ -391,69 +391,100 @@ <h2 id="fejlfinding">Fejlfinding</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/f-droid.html b/da/documentation/general/f-droid.html
index e6415c7b1..97c358268 100644
--- a/da/documentation/general/f-droid.html
+++ b/da/documentation/general/f-droid.html
@@ -408,69 +408,100 @@ <h1 id="opdateringer-på-f-droid">Opdateringer på F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/proxy.html b/da/documentation/general/proxy.html
index 394415ab9..476e8ed06 100644
--- a/da/documentation/general/proxy.html
+++ b/da/documentation/general/proxy.html
@@ -398,69 +398,100 @@ <h1 id="før-trafik-gennem-et-proxy--eller-tor-netværk">Før trafik gennem et p
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/general/synchronization.html b/da/documentation/general/synchronization.html
index a4801d18f..554110dd6 100644
--- a/da/documentation/general/synchronization.html
+++ b/da/documentation/general/synchronization.html
@@ -468,69 +468,100 @@ <h2 id="aktivér-synkronisering-via-gpodder">Aktivér synkronisering via gPodder
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/getting-started.html b/da/documentation/getting-started.html
index 27701d3fb..fa167b802 100644
--- a/da/documentation/getting-started.html
+++ b/da/documentation/getting-started.html
@@ -427,69 +427,100 @@ <h4 class="text-main weight-700">Abonnering på en podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/getting-started/subscribe.html b/da/documentation/getting-started/subscribe.html
index fc82415c5..e365d1772 100644
--- a/da/documentation/getting-started/subscribe.html
+++ b/da/documentation/getting-started/subscribe.html
@@ -440,69 +440,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/index.html b/da/documentation/index.html
index fe9d25d6d..b4060fcb8 100644
--- a/da/documentation/index.html
+++ b/da/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Til podcastere og hostingudbydere</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/documentation/playback.html b/da/documentation/playback.html
index 30208ae23..8695c12ee 100644
--- a/da/documentation/playback.html
+++ b/da/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Genveje på fysisk tastatur</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/playback/android-auto.html b/da/documentation/playback/android-auto.html
index 869be13ff..cd09d7671 100644
--- a/da/documentation/playback/android-auto.html
+++ b/da/documentation/playback/android-auto.html
@@ -394,69 +394,100 @@ <h3 id="har-du-downloadet-antennapod-fra-f-droid">Har du downloadet AntennaPod f
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/playback/auto-rewind.html b/da/documentation/playback/auto-rewind.html
index 866aca197..e24dcc2b4 100644
--- a/da/documentation/playback/auto-rewind.html
+++ b/da/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="automatisk-tilbagespoling">Automatisk tilbagespoling</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/playback/shortcuts.html b/da/documentation/playback/shortcuts.html
index 256b3f349..20def1166 100644
--- a/da/documentation/playback/shortcuts.html
+++ b/da/documentation/playback/shortcuts.html
@@ -488,69 +488,100 @@ <h3 id="videoafspiller">Videoafspiller</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/podcasters-hosters.html b/da/documentation/podcasters-hosters.html
index d80421067..a9f59d026 100644
--- a/da/documentation/podcasters-hosters.html
+++ b/da/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Få din podcast registreret</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/podcasters-hosters/add-on-antennapod.html b/da/documentation/podcasters-hosters/add-on-antennapod.html
index 31ca3c4c7..e176b3915 100644
--- a/da/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/da/documentation/podcasters-hosters/add-on-antennapod.html
@@ -387,69 +387,100 @@ <h1 id="opret-et-åbn-i-antennapod-link">Opret et ‘Åbn i AntennaPod’-link</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/podcasters-hosters/list-podcast.html b/da/documentation/podcasters-hosters/list-podcast.html
index cadc83c2e..58224e146 100644
--- a/da/documentation/podcasters-hosters/list-podcast.html
+++ b/da/documentation/podcasters-hosters/list-podcast.html
@@ -394,69 +394,100 @@ <h1 id="få-din-podcast-registreret">Få din podcast registreret</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/queue.html b/da/documentation/queue.html
index 07345e050..39ef4ebbe 100644
--- a/da/documentation/queue.html
+++ b/da/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Sådan bruges flere køer</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/queue/how-to-use.html b/da/documentation/queue/how-to-use.html
index e480f8c76..8fbaea1a1 100644
--- a/da/documentation/queue/how-to-use.html
+++ b/da/documentation/queue/how-to-use.html
@@ -380,69 +380,100 @@ <h1 id="sådan-bruges-køen">Sådan bruges køen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/queue/lock.html b/da/documentation/queue/lock.html
index 232e7d172..5ca52cc0e 100644
--- a/da/documentation/queue/lock.html
+++ b/da/documentation/queue/lock.html
@@ -388,69 +388,100 @@ <h1 id="oplåsning-af-køen">(Op)låsning af køen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/queue/multiple-queues.html b/da/documentation/queue/multiple-queues.html
index b1b9f8343..8866f0e95 100644
--- a/da/documentation/queue/multiple-queues.html
+++ b/da/documentation/queue/multiple-queues.html
@@ -380,69 +380,100 @@ <h1 id="sådan-bruges-flere-køer">Sådan bruges flere køer</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/subscriptions.html b/da/documentation/subscriptions.html
index 1673fa47e..ae4397c79 100644
--- a/da/documentation/subscriptions.html
+++ b/da/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Abonnementsetiketter (grupper eller kategorier)
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/subscriptions/listening-without-subscribing.html b/da/documentation/subscriptions/listening-without-subscribing.html
index 3456fe2ee..7edd34edc 100644
--- a/da/documentation/subscriptions/listening-without-subscribing.html
+++ b/da/documentation/subscriptions/listening-without-subscribing.html
@@ -398,69 +398,100 @@ <h1 id="lytte-til-et-afsnit-uden-at-abonnere">Lytte til et afsnit uden at abonne
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/documentation/subscriptions/subscription-groups.html b/da/documentation/subscriptions/subscription-groups.html
index b3210ea19..e1f48bf4c 100644
--- a/da/documentation/subscriptions/subscription-groups.html
+++ b/da/documentation/subscriptions/subscription-groups.html
@@ -391,69 +391,100 @@ <h1 id="abonnementsetiketter-grupper-eller-kategorier">Abonnementsetiketter (gru
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/da/download/index.html b/da/download/index.html
index c8f2bdf07..b6d783703 100644
--- a/da/download/index.html
+++ b/da/download/index.html
@@ -300,69 +300,100 @@ <h1 class="color-gray-800 weight-700">Hent</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/events-with-RDATE.ics b/da/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/da/events-with-RDATE.ics
+++ b/da/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/da/events.ics b/da/events.ics
index 7809de5c5..c9441ce56 100644
--- a/da/events.ics
+++ b/da/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/da/events/2022/07/10-year-anniversary.html b/da/events/2022/07/10-year-anniversary.html
index b035e0aa8..0d47620fe 100644
--- a/da/events/2022/07/10-year-anniversary.html
+++ b/da/events/2022/07/10-year-anniversary.html
@@ -343,69 +343,100 @@ <h5 class="modal-title" id="icsModalLabel">Tilføj til kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/events/community-meeting.html b/da/events/community-meeting.html
index a67a147e5..0fa843fd4 100644
--- a/da/events/community-meeting.html
+++ b/da/events/community-meeting.html
@@ -367,69 +367,100 @@ <h5 class="modal-title" id="icsModalLabel">Tilføj til kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/events/index.html b/da/events/index.html
index 69bc50645..809f3c664 100644
--- a/da/events/index.html
+++ b/da/events/index.html
@@ -360,69 +360,100 @@ <h5 class="modal-title" id="icsModalLabel">Tilføj til kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/index.html b/da/index.html
index 363a86f01..b37bff902 100644
--- a/da/index.html
+++ b/da/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Lyt hvor som helst</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/license/index.html b/da/license/index.html
index 9e2b96718..7c4d3a2b3 100644
--- a/da/license/index.html
+++ b/da/license/index.html
@@ -317,69 +317,100 @@ <h1 id="hjemmesidens-indhold">Hjemmesidens indhold</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/privacy/index.html b/da/privacy/index.html
index 26843f096..e4833d20b 100644
--- a/da/privacy/index.html
+++ b/da/privacy/index.html
@@ -434,69 +434,100 @@ <h2 id="opdateringer-af-denne-privatlivspolitik">Opdateringer af denne privatliv
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/s/subs-gone.html b/da/s/subs-gone.html
index b7501beda..3eb2f2fa0 100644
--- a/da/s/subs-gone.html
+++ b/da/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Omdiriger</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/da/s/sync-help.html b/da/s/sync-help.html
index 18b27208d..53f3ddce5 100644
--- a/da/s/sync-help.html
+++ b/da/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Omdiriger</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/da"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/about"><span>Om</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/contribute"><span>Bidrag</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/da/download"><span>Hent AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/da/media-kit"><span>Pressemateriale</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/license">Licens</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/da/privacy">Privatlivspolitik</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/da">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-logo">
+            </a>
+          </div>
+          <p class="small mb-3">Den brugervenlige, fleksible og open source podcastmanager til Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/about">
+              Om
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/contribute">
+              Bidrag
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/da/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/da/download">
+              Hent AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/da/media-kit">-->
+          <!--    <span>Pressemateriale</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/license">Licens</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/da/privacy">Privatlivspolitik</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/404.html b/de/404.html
index ec1002de6..2f4a9f921 100644
--- a/de/404.html
+++ b/de/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Fehler</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/about/index.html b/de/about/index.html
index 44c0b06b0..02c54e153 100644
--- a/de/about/index.html
+++ b/de/about/index.html
@@ -382,69 +382,100 @@ <h2 id="seit-2011-das-antennapod-projekt-heute">Seit 2011: das AntennaPod-Projek
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/assets/css/main.css b/de/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/de/assets/css/main.css
+++ b/de/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/de/assets/css/main.css.map b/de/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/de/assets/css/main.css.map
+++ b/de/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrb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A;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/de/blog/2020/05/supporting-old-android-versions.html b/de/blog/2020/05/supporting-old-android-versions.html
index 4e1a387a4..583e73c05 100644
--- a/de/blog/2020/05/supporting-old-android-versions.html
+++ b/de/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/06/getting-to-a-new-icon.html b/de/blog/2020/06/getting-to-a-new-icon.html
index ab32e4251..3a0596c46 100644
--- a/de/blog/2020/06/getting-to-a-new-icon.html
+++ b/de/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/09/2-0-0-release.html b/de/blog/2020/09/2-0-0-release.html
index e6f23aa16..1cb9dad21 100644
--- a/de/blog/2020/09/2-0-0-release.html
+++ b/de/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/09/new-icon.html b/de/blog/2020/09/new-icon.html
index d213fa847..205cb39ae 100644
--- a/de/blog/2020/09/new-icon.html
+++ b/de/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/09/version-2-changelog.html b/de/blog/2020/09/version-2-changelog.html
index b5ea841cc..c720b9237 100644
--- a/de/blog/2020/09/version-2-changelog.html
+++ b/de/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/12/2-1-0-release.html b/de/blog/2020/12/2-1-0-release.html
index 85c3ef44e..c1b463440 100644
--- a/de/blog/2020/12/2-1-0-release.html
+++ b/de/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2020/12/new-website.html b/de/blog/2020/12/new-website.html
index aa2968802..9c7b6b920 100644
--- a/de/blog/2020/12/new-website.html
+++ b/de/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2021/05/2-2-0-release.html b/de/blog/2021/05/2-2-0-release.html
index 41fe327d7..8893c5abd 100644
--- a/de/blog/2021/05/2-2-0-release.html
+++ b/de/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2021/06/forum-anniversary.html b/de/blog/2021/06/forum-anniversary.html
index 6798f6639..4610013e2 100644
--- a/de/blog/2021/06/forum-anniversary.html
+++ b/de/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2021/07/2-3-0-release.html b/de/blog/2021/07/2-3-0-release.html
index ac533c751..25b0d0589 100644
--- a/de/blog/2021/07/2-3-0-release.html
+++ b/de/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2021/12/2021-recap.html b/de/blog/2021/12/2021-recap.html
index 71fbb2fb9..06a2db259 100644
--- a/de/blog/2021/12/2021-recap.html
+++ b/de/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2022/01/website-translations.html b/de/blog/2022/01/website-translations.html
index 4e05e9a42..8bdb8c863 100644
--- a/de/blog/2022/01/website-translations.html
+++ b/de/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2022/03/2-5-release.html b/de/blog/2022/03/2-5-release.html
index b7f597ce6..171291fe4 100644
--- a/de/blog/2022/03/2-5-release.html
+++ b/de/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2022/10/2-7-release.html b/de/blog/2022/10/2-7-release.html
index 144711580..c9bad0082 100644
--- a/de/blog/2022/10/2-7-release.html
+++ b/de/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2022/10/translations-coordinator.html b/de/blog/2022/10/translations-coordinator.html
index 5a4613222..6adc6fc88 100644
--- a/de/blog/2022/10/translations-coordinator.html
+++ b/de/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/2023/05/introducing-the-home-screen.html b/de/blog/2023/05/introducing-the-home-screen.html
index a568bf720..70a846093 100644
--- a/de/blog/2023/05/introducing-the-home-screen.html
+++ b/de/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/blog/index.html b/de/blog/index.html
index 73be115c5..e0d17fb98 100644
--- a/de/blog/index.html
+++ b/de/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/contribute/develop.html b/de/contribute/develop.html
index 03b354976..3c39cd82e 100644
--- a/de/contribute/develop.html
+++ b/de/contribute/develop.html
@@ -373,69 +373,100 @@ <h1 id="nimm-kontakt-auf">Nimm Kontakt auf!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/contribute/index.html b/de/contribute/index.html
index 61b019b7f..777b77a2b 100644
--- a/de/contribute/index.html
+++ b/de/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">Bist du dir sicher, dass du spen
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/contribute/promote.html b/de/contribute/promote.html
index 6bf57f3ca..66097d7b6 100644
--- a/de/contribute/promote.html
+++ b/de/contribute/promote.html
@@ -320,69 +320,100 @@ <h1 id="kontakt-aufnehmen">Kontakt aufnehmen</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/contribute/translate.html b/de/contribute/translate.html
index f2a2465f2..94b0f22f5 100644
--- a/de/contribute/translate.html
+++ b/de/contribute/translate.html
@@ -410,69 +410,100 @@ <h1 id="nimm-kontakt-auf">Nimm Kontakt auf!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/deeplink/subscribe/index.html b/de/deeplink/subscribe/index.html
index 04536d035..048646aa5 100644
--- a/de/deeplink/subscribe/index.html
+++ b/de/deeplink/subscribe/index.html
@@ -309,69 +309,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/documentation/automation.html b/de/documentation/automation.html
index d3e379205..604e25e7d 100644
--- a/de/documentation/automation.html
+++ b/de/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integration in andere Anwendungen</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/automation/deletion.html b/de/documentation/automation/deletion.html
index dbde2807d..7f7fe4e9e 100644
--- a/de/documentation/automation/deletion.html
+++ b/de/documentation/automation/deletion.html
@@ -397,69 +397,100 @@ <h2 id="automatisches-löschen">Automatisches Löschen</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/automation/refreshing-podcasts.html b/de/documentation/automation/refreshing-podcasts.html
index ae5d0baf7..113d19a94 100644
--- a/de/documentation/automation/refreshing-podcasts.html
+++ b/de/documentation/automation/refreshing-podcasts.html
@@ -395,69 +395,100 @@ <h1 id="podcasts-aktualisieren">Podcasts aktualisieren</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/automation/tasker.html b/de/documentation/automation/tasker.html
index 97f91bfa1..126bd1ea6 100644
--- a/de/documentation/automation/tasker.html
+++ b/de/documentation/automation/tasker.html
@@ -453,69 +453,100 @@ <h3 id="llama--standortprofile">Llama – Standortprofile</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid.html b/de/documentation/bugs-first-aid.html
index 05ffb210e..b8b50d286 100644
--- a/de/documentation/bugs-first-aid.html
+++ b/de/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">All meine Podcasts &amp; Episoden sind verschwu
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/bug-report.html b/de/documentation/bugs-first-aid/bug-report.html
index a8ba058c4..78657c1d0 100644
--- a/de/documentation/bugs-first-aid/bug-report.html
+++ b/de/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="etwas-funktioniert-nicht">Etwas funktioniert nicht</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/cannot-stream-download.html b/de/documentation/bugs-first-aid/cannot-stream-download.html
index 8966f4905..e5324b5d8 100644
--- a/de/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/de/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="episode-lässt-sich-nicht-herunterladen">Episode lässt sich nicht herun
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/database-error.html b/de/documentation/bugs-first-aid/database-error.html
index b550384c3..a46d60ae0 100644
--- a/de/documentation/bugs-first-aid/database-error.html
+++ b/de/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="all-meine-podcasts--episoden-sind-verschwunden">All meine Podcasts &amp;
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/episodes-missing.html b/de/documentation/bugs-first-aid/episodes-missing.html
index 5cd5ef672..254379433 100644
--- a/de/documentation/bugs-first-aid/episodes-missing.html
+++ b/de/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="alte-episoden-fehlen">Alte Episoden fehlen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/playback-stops.html b/de/documentation/bugs-first-aid/playback-stops.html
index 247e0430b..5558adde7 100644
--- a/de/documentation/bugs-first-aid/playback-stops.html
+++ b/de/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="wiedergabe-stoppt-plötzlich">Wiedergabe stoppt plötzlich</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/refresh-download-errors.html b/de/documentation/bugs-first-aid/refresh-download-errors.html
index 104c741e9..a940fe6a5 100644
--- a/de/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/de/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="fehler-beim-herunterladen-oder-feed-aktualisieren">Fehler beim Herunterl
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/bugs-first-aid/typo-translations.html b/de/documentation/bugs-first-aid/typo-translations.html
index b84d3fbc8..cf6d163b1 100644
--- a/de/documentation/bugs-first-aid/typo-translations.html
+++ b/de/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="du-möchtest-uns-nur-informieren">Du möchtest uns nur informieren?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general.html b/de/documentation/general.html
index d1a84b6e0..8655e02e2 100644
--- a/de/documentation/general.html
+++ b/de/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Synchronisation zwischen Geräten</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/ads.html b/de/documentation/general/ads.html
index e8624dfae..c34ffb107 100644
--- a/de/documentation/general/ads.html
+++ b/de/documentation/general/ads.html
@@ -433,69 +433,100 @@ <h3 id="2-the-podcast-publishers-added-the-ads-to-their-shownotes-or-audio-file"
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/backup.html b/de/documentation/general/backup.html
index 6336ec6b1..aa1394597 100644
--- a/de/documentation/general/backup.html
+++ b/de/documentation/general/backup.html
@@ -411,69 +411,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/beta.html b/de/documentation/general/beta.html
index bc69e17cf..0dfd14b12 100644
--- a/de/documentation/general/beta.html
+++ b/de/documentation/general/beta.html
@@ -429,69 +429,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/central-distributed.html b/de/documentation/general/central-distributed.html
index 7dfb04cbf..b7e563aa0 100644
--- a/de/documentation/general/central-distributed.html
+++ b/de/documentation/general/central-distributed.html
@@ -426,69 +426,100 @@ <h1 id="zentrale-und-dezentrale-podcast-apps">Zentrale und dezentrale Podcast-Ap
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/episode-deletion.html b/de/documentation/general/episode-deletion.html
index 0de5063e5..24ee3812e 100644
--- a/de/documentation/general/episode-deletion.html
+++ b/de/documentation/general/episode-deletion.html
@@ -394,69 +394,100 @@ <h1 id="episoden-löschen">Episoden löschen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/external-storage.html b/de/documentation/general/external-storage.html
index b81ce72bf..9bb872283 100644
--- a/de/documentation/general/external-storage.html
+++ b/de/documentation/general/external-storage.html
@@ -391,69 +391,100 @@ <h2 id="fehlerbehebung">Fehlerbehebung</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/f-droid.html b/de/documentation/general/f-droid.html
index 69698cdf3..df7bcca29 100644
--- a/de/documentation/general/f-droid.html
+++ b/de/documentation/general/f-droid.html
@@ -406,69 +406,100 @@ <h1 id="updates-auf-f-droid">Updates auf F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/proxy.html b/de/documentation/general/proxy.html
index d3ea502f9..b5ebeb544 100644
--- a/de/documentation/general/proxy.html
+++ b/de/documentation/general/proxy.html
@@ -398,69 +398,100 @@ <h1 id="daten-durch-einen-proxy-oder-tor-leiten">Daten durch einen Proxy oder To
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/general/synchronization.html b/de/documentation/general/synchronization.html
index 2c4efcf24..2cdc9a305 100644
--- a/de/documentation/general/synchronization.html
+++ b/de/documentation/general/synchronization.html
@@ -470,69 +470,100 @@ <h2 id="enable-synchronization-via-gpodder">Enable synchronization via gPodder</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/getting-started.html b/de/documentation/getting-started.html
index eb41575be..09c5dc577 100644
--- a/de/documentation/getting-started.html
+++ b/de/documentation/getting-started.html
@@ -430,69 +430,100 @@ <h4 class="text-main weight-700">Abonniere einen Podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/getting-started/subscribe.html b/de/documentation/getting-started/subscribe.html
index 88e4a2f20..99c10fa5f 100644
--- a/de/documentation/getting-started/subscribe.html
+++ b/de/documentation/getting-started/subscribe.html
@@ -445,69 +445,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/index.html b/de/documentation/index.html
index 7f9fcbbbd..941309786 100644
--- a/de/documentation/index.html
+++ b/de/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Für Podcaster &amp; Hosting-Anbieter</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/documentation/playback.html b/de/documentation/playback.html
index 06aa4513b..f7039f267 100644
--- a/de/documentation/playback.html
+++ b/de/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Hardware-Tastatur-Kürzel</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/playback/android-auto.html b/de/documentation/playback/android-auto.html
index 4cdabec72..b55304077 100644
--- a/de/documentation/playback/android-auto.html
+++ b/de/documentation/playback/android-auto.html
@@ -396,69 +396,100 @@ <h3 id="hast-du-antennapod-von-f-droid-heruntergeladen">Hast du AntennaPod von <
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/playback/auto-rewind.html b/de/documentation/playback/auto-rewind.html
index dc551b9e3..65c60365f 100644
--- a/de/documentation/playback/auto-rewind.html
+++ b/de/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="automatisches-zurückspulen">Automatisches Zurückspulen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/playback/shortcuts.html b/de/documentation/playback/shortcuts.html
index aa6ae4c28..a6d921e19 100644
--- a/de/documentation/playback/shortcuts.html
+++ b/de/documentation/playback/shortcuts.html
@@ -489,69 +489,100 @@ <h3 id="video-player">Video-Player</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/podcasters-hosters.html b/de/documentation/podcasters-hosters.html
index 7247a9299..91972aa82 100644
--- a/de/documentation/podcasters-hosters.html
+++ b/de/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Deinen Podcast listen lassen</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/podcasters-hosters/add-on-antennapod.html b/de/documentation/podcasters-hosters/add-on-antennapod.html
index e8cf35ed3..d32c8eac9 100644
--- a/de/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/de/documentation/podcasters-hosters/add-on-antennapod.html
@@ -387,69 +387,100 @@ <h1 id="einen-in-antennapod-öffnen-link-erstellen">Einen „In AntennaPod öffn
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/podcasters-hosters/list-podcast.html b/de/documentation/podcasters-hosters/list-podcast.html
index 76f87639d..5a236e620 100644
--- a/de/documentation/podcasters-hosters/list-podcast.html
+++ b/de/documentation/podcasters-hosters/list-podcast.html
@@ -396,69 +396,100 @@ <h1 id="deinen-podcast-listen-lassen">Deinen Podcast listen lassen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/queue.html b/de/documentation/queue.html
index b621eb1d9..2136d300f 100644
--- a/de/documentation/queue.html
+++ b/de/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Mehrere Warteschlangen verwenden</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/queue/how-to-use.html b/de/documentation/queue/how-to-use.html
index 1f86e13f3..afb95748c 100644
--- a/de/documentation/queue/how-to-use.html
+++ b/de/documentation/queue/how-to-use.html
@@ -380,69 +380,100 @@ <h1 id="warteschlange-verwenden">Warteschlange verwenden</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/queue/lock.html b/de/documentation/queue/lock.html
index 4c6f6966f..bb06ef024 100644
--- a/de/documentation/queue/lock.html
+++ b/de/documentation/queue/lock.html
@@ -390,69 +390,100 @@ <h1 id="warteschlange-entsperren">Warteschlange (ent)sperren</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/queue/multiple-queues.html b/de/documentation/queue/multiple-queues.html
index 79b920b1a..52f908d99 100644
--- a/de/documentation/queue/multiple-queues.html
+++ b/de/documentation/queue/multiple-queues.html
@@ -379,69 +379,100 @@ <h1 id="mehrere-warteschlangen-verwenden">Mehrere Warteschlangen verwenden</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/subscriptions.html b/de/documentation/subscriptions.html
index 94e114888..a80579358 100644
--- a/de/documentation/subscriptions.html
+++ b/de/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Abonnement-Tags (alias Gruppen oder Kategorien)
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/subscriptions/listening-without-subscribing.html b/de/documentation/subscriptions/listening-without-subscribing.html
index ea2b81aec..405fc7aee 100644
--- a/de/documentation/subscriptions/listening-without-subscribing.html
+++ b/de/documentation/subscriptions/listening-without-subscribing.html
@@ -399,69 +399,100 @@ <h1 id="eine-episode-ohne-abonnement-hören">Eine Episode ohne Abonnement hören
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/documentation/subscriptions/subscription-groups.html b/de/documentation/subscriptions/subscription-groups.html
index d991ccbf7..bcfb797db 100644
--- a/de/documentation/subscriptions/subscription-groups.html
+++ b/de/documentation/subscriptions/subscription-groups.html
@@ -392,69 +392,100 @@ <h1 id="abonnement-tags-alias-gruppen-oder-kategorien">Abonnement-Tags (alias Gr
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/de/download/index.html b/de/download/index.html
index fe5db7f80..f4d9b94f3 100644
--- a/de/download/index.html
+++ b/de/download/index.html
@@ -301,69 +301,100 @@ <h1 class="color-gray-800 weight-700">Herunterladen</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/events-with-RDATE.ics b/de/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/de/events-with-RDATE.ics
+++ b/de/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/de/events.ics b/de/events.ics
index 7809de5c5..c9441ce56 100644
--- a/de/events.ics
+++ b/de/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/de/events/2022/07/10-year-anniversary.html b/de/events/2022/07/10-year-anniversary.html
index 08e9355e2..037a7a460 100644
--- a/de/events/2022/07/10-year-anniversary.html
+++ b/de/events/2022/07/10-year-anniversary.html
@@ -344,69 +344,100 @@ <h5 class="modal-title" id="icsModalLabel">Zum Kalender hinzufügen</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/events/community-meeting.html b/de/events/community-meeting.html
index 23f374b9d..9e07258e6 100644
--- a/de/events/community-meeting.html
+++ b/de/events/community-meeting.html
@@ -368,69 +368,100 @@ <h5 class="modal-title" id="icsModalLabel">Zum Kalender hinzufügen</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/events/index.html b/de/events/index.html
index 3ca2f4eee..da3be6919 100644
--- a/de/events/index.html
+++ b/de/events/index.html
@@ -361,69 +361,100 @@ <h5 class="modal-title" id="icsModalLabel">Zum Kalender hinzufügen</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/index.html b/de/index.html
index 8073feda1..4d74a2bf2 100644
--- a/de/index.html
+++ b/de/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Überall anhören</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/license/index.html b/de/license/index.html
index c1de27a5e..c69e7b840 100644
--- a/de/license/index.html
+++ b/de/license/index.html
@@ -317,69 +317,100 @@ <h1 id="der-inhalt-der-website">Der Inhalt der Website</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/privacy/index.html b/de/privacy/index.html
index 93271ade9..3c80d1759 100644
--- a/de/privacy/index.html
+++ b/de/privacy/index.html
@@ -439,69 +439,100 @@ <h2 id="aktualisierungen-dieser-datenschutzrichtlinie">Aktualisierungen dieser D
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/s/subs-gone.html b/de/s/subs-gone.html
index 86972d08f..26450a9ed 100644
--- a/de/s/subs-gone.html
+++ b/de/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Weiterleitung</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/de/s/sync-help.html b/de/s/sync-help.html
index 99cf5862d..57ca15cf5 100644
--- a/de/s/sync-help.html
+++ b/de/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Weiterleitung</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/de"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/about"><span>Über</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/contribute"><span>Beitragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/documentation"><span>Dokumentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/de/download"><span>AntennaPod herunterladen</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/de/media-kit"><span>Pressematerial</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/license">Lizenz</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/de/privacy">Datenschutzbestimmungen</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/de">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod-Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Der einfach zu benutzende, flexible und quelloffene Podcast-Player für Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/about">
+              Über
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/contribute">
+              Beitragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/de/documentation">
+              Dokumentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/de/download">
+              AntennaPod herunterladen
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/de/media-kit">-->
+          <!--    <span>Pressematerial</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/license">Lizenz</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/de/privacy">Datenschutzbestimmungen</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/deeplink/subscribe/index.html b/deeplink/subscribe/index.html
index 23253427f..b6a40690c 100644
--- a/deeplink/subscribe/index.html
+++ b/deeplink/subscribe/index.html
@@ -305,69 +305,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/documentation/automation.html b/documentation/automation.html
index c5b5b675c..3f7aa0c69 100644
--- a/documentation/automation.html
+++ b/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integration with other apps</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/automation/deletion.html b/documentation/automation/deletion.html
index 25f21a565..efa5e5c52 100644
--- a/documentation/automation/deletion.html
+++ b/documentation/automation/deletion.html
@@ -385,69 +385,100 @@ <h2 id="episode-cleanup">Episode Cleanup</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/automation/refreshing-podcasts.html b/documentation/automation/refreshing-podcasts.html
index a2e2e55fe..e739f428a 100644
--- a/documentation/automation/refreshing-podcasts.html
+++ b/documentation/automation/refreshing-podcasts.html
@@ -381,69 +381,100 @@ <h1 id="refreshing-podcasts">Refreshing podcasts</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/automation/tasker.html b/documentation/automation/tasker.html
index 4a383e1e1..c54e7032d 100644
--- a/documentation/automation/tasker.html
+++ b/documentation/automation/tasker.html
@@ -437,69 +437,100 @@ <h3 id="llama---location-profiles-website">Llama - Location Profiles (<a href="h
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid.html b/documentation/bugs-first-aid.html
index c6d9a2f12..8b517b877 100644
--- a/documentation/bugs-first-aid.html
+++ b/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">All my podcasts &amp; episodes are gone</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/bug-report.html b/documentation/bugs-first-aid/bug-report.html
index ae2e5941e..137b28e90 100644
--- a/documentation/bugs-first-aid/bug-report.html
+++ b/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="something-isnt-working">Something isn’t working</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/cannot-stream-download.html b/documentation/bugs-first-aid/cannot-stream-download.html
index 64d058046..3802c25e7 100644
--- a/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="cannot-download-an-episode">Cannot download an episode</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/database-error.html b/documentation/bugs-first-aid/database-error.html
index 312b68c71..974dea8ad 100644
--- a/documentation/bugs-first-aid/database-error.html
+++ b/documentation/bugs-first-aid/database-error.html
@@ -397,69 +397,100 @@ <h1 id="all-my-podcasts--episodes-are-gone">All my podcasts &amp; episodes are g
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/episodes-missing.html b/documentation/bugs-first-aid/episodes-missing.html
index 077552243..5f97a8225 100644
--- a/documentation/bugs-first-aid/episodes-missing.html
+++ b/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="old-episodes-are-missing">Old episodes are missing</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/playback-stops.html b/documentation/bugs-first-aid/playback-stops.html
index 406e85dec..62c03dac1 100644
--- a/documentation/bugs-first-aid/playback-stops.html
+++ b/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="playback-suddenly-stops">Playback suddenly stops</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/refresh-download-errors.html b/documentation/bugs-first-aid/refresh-download-errors.html
index 04de12e2e..56de98359 100644
--- a/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/documentation/bugs-first-aid/refresh-download-errors.html
@@ -392,69 +392,100 @@ <h1 id="download-or-feed-refresh-error">Download or feed refresh error</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/bugs-first-aid/typo-translations.html b/documentation/bugs-first-aid/typo-translations.html
index 23acc2707..b0f6c8f01 100644
--- a/documentation/bugs-first-aid/typo-translations.html
+++ b/documentation/bugs-first-aid/typo-translations.html
@@ -385,69 +385,100 @@ <h1 id="do-you-just-want-to-inform-us">Do you just want to inform us?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general.html b/documentation/general.html
index 1655f8090..e87891a8c 100644
--- a/documentation/general.html
+++ b/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">How to synchronize between devices</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/ads.html b/documentation/general/ads.html
index b59a00381..6d480ff73 100644
--- a/documentation/general/ads.html
+++ b/documentation/general/ads.html
@@ -395,69 +395,100 @@ <h3 id="2-the-podcast-creators-or-their-hosting-company-added-the-ads-to-their-s
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/backup.html b/documentation/general/backup.html
index 92d5c4fa1..19c665f84 100644
--- a/documentation/general/backup.html
+++ b/documentation/general/backup.html
@@ -388,69 +388,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/beta.html b/documentation/general/beta.html
index 6c9af53b3..d9799faf4 100644
--- a/documentation/general/beta.html
+++ b/documentation/general/beta.html
@@ -407,69 +407,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/central-distributed.html b/documentation/general/central-distributed.html
index 277bf54b9..5eb63bfbd 100644
--- a/documentation/general/central-distributed.html
+++ b/documentation/general/central-distributed.html
@@ -396,69 +396,100 @@ <h1 id="central-and-distributed-podcast-apps">Central and distributed podcast ap
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/episode-deletion.html b/documentation/general/episode-deletion.html
index 6f6bfd105..72a289392 100644
--- a/documentation/general/episode-deletion.html
+++ b/documentation/general/episode-deletion.html
@@ -381,69 +381,100 @@ <h1 id="deletion-of-episodes">Deletion of episodes</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/external-storage.html b/documentation/general/external-storage.html
index 91b8f42b5..6a060d0d7 100644
--- a/documentation/general/external-storage.html
+++ b/documentation/general/external-storage.html
@@ -383,69 +383,100 @@ <h2 id="troubleshooting">Troubleshooting</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/f-droid.html b/documentation/general/f-droid.html
index 492c0433b..7c834ca2d 100644
--- a/documentation/general/f-droid.html
+++ b/documentation/general/f-droid.html
@@ -388,69 +388,100 @@ <h1 id="updates-on-f-droid">Updates on F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/proxy.html b/documentation/general/proxy.html
index e8210b423..e96022ca7 100644
--- a/documentation/general/proxy.html
+++ b/documentation/general/proxy.html
@@ -391,69 +391,100 @@ <h1 id="leading-traffic-through-a-proxy-or-tor-network">Leading traffic through
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/general/synchronization.html b/documentation/general/synchronization.html
index da58cbb81..47aecaae1 100644
--- a/documentation/general/synchronization.html
+++ b/documentation/general/synchronization.html
@@ -450,69 +450,100 @@ <h2 id="enable-synchronization-via-gpodder">Enable synchronization via gPodder</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/getting-started.html b/documentation/getting-started.html
index e795e573a..b012ca90a 100644
--- a/documentation/getting-started.html
+++ b/documentation/getting-started.html
@@ -399,69 +399,100 @@ <h4 class="text-main weight-700">Subscribing to a podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/getting-started/subscribe.html b/documentation/getting-started/subscribe.html
index 1eb7e6afd..fe698a0db 100644
--- a/documentation/getting-started/subscribe.html
+++ b/documentation/getting-started/subscribe.html
@@ -403,69 +403,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/index.html b/documentation/index.html
index 9888e4088..f1e45dae7 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">For Podcasters &amp; Hosters</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/documentation/playback.html b/documentation/playback.html
index 2ce7869f7..b795ae384 100644
--- a/documentation/playback.html
+++ b/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Hardware keyboard shortcuts</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/playback/android-auto.html b/documentation/playback/android-auto.html
index 63f7b4844..ee6082f35 100644
--- a/documentation/playback/android-auto.html
+++ b/documentation/playback/android-auto.html
@@ -392,69 +392,100 @@ <h3 id="did-you-download-antennapod-from-f-droid">Did you download AntennaPod fr
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/playback/auto-rewind.html b/documentation/playback/auto-rewind.html
index d77bd82d6..5d242d1ce 100644
--- a/documentation/playback/auto-rewind.html
+++ b/documentation/playback/auto-rewind.html
@@ -400,69 +400,100 @@ <h1 id="automatic-rewind">Automatic rewind</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/playback/shortcuts.html b/documentation/playback/shortcuts.html
index 2c5b66149..0036ca839 100644
--- a/documentation/playback/shortcuts.html
+++ b/documentation/playback/shortcuts.html
@@ -485,69 +485,100 @@ <h3 id="video-player">Video player</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/podcasters-hosters.html b/documentation/podcasters-hosters.html
index e2dae4322..63e724efb 100644
--- a/documentation/podcasters-hosters.html
+++ b/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Getting your podcast listed</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/podcasters-hosters/add-on-antennapod.html b/documentation/podcasters-hosters/add-on-antennapod.html
index ce4df6f60..aee087356 100644
--- a/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/documentation/podcasters-hosters/add-on-antennapod.html
@@ -381,69 +381,100 @@ <h1 id="create-an-open-in-antennapod-link">Create an ‘Open in AntennaPod’ li
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/podcasters-hosters/list-podcast.html b/documentation/podcasters-hosters/list-podcast.html
index fa4c5147f..bd7db13fe 100644
--- a/documentation/podcasters-hosters/list-podcast.html
+++ b/documentation/podcasters-hosters/list-podcast.html
@@ -389,69 +389,100 @@ <h1 id="getting-your-podcast-listed">Getting your podcast listed</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/queue.html b/documentation/queue.html
index c5ce800f0..36104964a 100644
--- a/documentation/queue.html
+++ b/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">How to use multiple queues</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/queue/how-to-use.html b/documentation/queue/how-to-use.html
index d6f9ab404..5062262f6 100644
--- a/documentation/queue/how-to-use.html
+++ b/documentation/queue/how-to-use.html
@@ -377,69 +377,100 @@ <h1 id="how-to-use-the-queue">How to use the queue</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/queue/lock.html b/documentation/queue/lock.html
index b6e681b19..2d6806560 100644
--- a/documentation/queue/lock.html
+++ b/documentation/queue/lock.html
@@ -385,69 +385,100 @@ <h1 id="unlocking-the-queue">(Un)locking the queue</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/queue/multiple-queues.html b/documentation/queue/multiple-queues.html
index 789a6edb1..6ec64a8ea 100644
--- a/documentation/queue/multiple-queues.html
+++ b/documentation/queue/multiple-queues.html
@@ -377,69 +377,100 @@ <h1 id="how-to-use-multiple-queues">How to use multiple queues</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/subscriptions.html b/documentation/subscriptions.html
index e1b010e1d..257b46937 100644
--- a/documentation/subscriptions.html
+++ b/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Subscription tags (aka groups or categories)</h
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/subscriptions/listening-without-subscribing.html b/documentation/subscriptions/listening-without-subscribing.html
index b2f769f98..b2d6db8dd 100644
--- a/documentation/subscriptions/listening-without-subscribing.html
+++ b/documentation/subscriptions/listening-without-subscribing.html
@@ -390,69 +390,100 @@ <h1 id="listening-to-an-episode-without-subscribing">Listening to an episode wit
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/documentation/subscriptions/subscription-groups.html b/documentation/subscriptions/subscription-groups.html
index f1d00a2c4..8241b2bb0 100644
--- a/documentation/subscriptions/subscription-groups.html
+++ b/documentation/subscriptions/subscription-groups.html
@@ -385,69 +385,100 @@ <h1 id="subscription-tags-aka-groups-or-categories">Subscription tags (aka group
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/download/index.html b/download/index.html
index 5ad6fe7dc..6bc25a717 100644
--- a/download/index.html
+++ b/download/index.html
@@ -294,69 +294,100 @@ <h1 class="color-gray-800 weight-700">Download</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/404.html b/es/404.html
index 0a7e11c9e..d2fe4b07b 100644
--- a/es/404.html
+++ b/es/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Error</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/about/index.html b/es/about/index.html
index e3d6a08b7..e9b1d85ea 100644
--- a/es/about/index.html
+++ b/es/about/index.html
@@ -378,69 +378,100 @@ <h2 id="desde-2011-el-proyecto-antennapod-hoy">Desde 2011: el proyecto AntennaPo
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/assets/css/main.css b/es/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/es/assets/css/main.css
+++ b/es/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/es/assets/css/main.css.map b/es/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/es/assets/css/main.css.map
+++ b/es/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrb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A;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/es/blog/2020/05/supporting-old-android-versions.html b/es/blog/2020/05/supporting-old-android-versions.html
index 97891a79f..811d3531d 100644
--- a/es/blog/2020/05/supporting-old-android-versions.html
+++ b/es/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/06/getting-to-a-new-icon.html b/es/blog/2020/06/getting-to-a-new-icon.html
index 896cadcaa..57201b05d 100644
--- a/es/blog/2020/06/getting-to-a-new-icon.html
+++ b/es/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/09/2-0-0-release.html b/es/blog/2020/09/2-0-0-release.html
index e543c5d22..bc79be751 100644
--- a/es/blog/2020/09/2-0-0-release.html
+++ b/es/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/09/new-icon.html b/es/blog/2020/09/new-icon.html
index 7a1063ab4..2d1d47ab8 100644
--- a/es/blog/2020/09/new-icon.html
+++ b/es/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/09/version-2-changelog.html b/es/blog/2020/09/version-2-changelog.html
index 17ce1c51a..f81e901b2 100644
--- a/es/blog/2020/09/version-2-changelog.html
+++ b/es/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/12/2-1-0-release.html b/es/blog/2020/12/2-1-0-release.html
index df4025d81..d48e1786b 100644
--- a/es/blog/2020/12/2-1-0-release.html
+++ b/es/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2020/12/new-website.html b/es/blog/2020/12/new-website.html
index ae1fa9ff5..9812fc330 100644
--- a/es/blog/2020/12/new-website.html
+++ b/es/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2021/05/2-2-0-release.html b/es/blog/2021/05/2-2-0-release.html
index f032c5e04..d6f3c9729 100644
--- a/es/blog/2021/05/2-2-0-release.html
+++ b/es/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2021/06/forum-anniversary.html b/es/blog/2021/06/forum-anniversary.html
index 3c19d6b15..154da3d1f 100644
--- a/es/blog/2021/06/forum-anniversary.html
+++ b/es/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2021/07/2-3-0-release.html b/es/blog/2021/07/2-3-0-release.html
index bd46eeff3..7dbaa6459 100644
--- a/es/blog/2021/07/2-3-0-release.html
+++ b/es/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2021/12/2021-recap.html b/es/blog/2021/12/2021-recap.html
index 7bd399075..e7446baa0 100644
--- a/es/blog/2021/12/2021-recap.html
+++ b/es/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2022/01/website-translations.html b/es/blog/2022/01/website-translations.html
index ee7dc22f5..7d47da7aa 100644
--- a/es/blog/2022/01/website-translations.html
+++ b/es/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2022/03/2-5-release.html b/es/blog/2022/03/2-5-release.html
index bd4c2df72..712fd01c2 100644
--- a/es/blog/2022/03/2-5-release.html
+++ b/es/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2022/10/2-7-release.html b/es/blog/2022/10/2-7-release.html
index f02405817..1a74fedcf 100644
--- a/es/blog/2022/10/2-7-release.html
+++ b/es/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2022/10/translations-coordinator.html b/es/blog/2022/10/translations-coordinator.html
index 8cc043999..58eaf9e63 100644
--- a/es/blog/2022/10/translations-coordinator.html
+++ b/es/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/2023/05/introducing-the-home-screen.html b/es/blog/2023/05/introducing-the-home-screen.html
index ddcd0b8e9..4275fdb12 100644
--- a/es/blog/2023/05/introducing-the-home-screen.html
+++ b/es/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/blog/index.html b/es/blog/index.html
index 3edf9bad3..1e30af788 100644
--- a/es/blog/index.html
+++ b/es/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/contribute/develop.html b/es/contribute/develop.html
index 829b93142..d88d09ffc 100644
--- a/es/contribute/develop.html
+++ b/es/contribute/develop.html
@@ -374,69 +374,100 @@ <h1 id="ponte-en-contacto">¡Ponte en contacto!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/contribute/index.html b/es/contribute/index.html
index facb7aaab..d2a07710d 100644
--- a/es/contribute/index.html
+++ b/es/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">¿Estás seguro de que quieres h
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/contribute/promote.html b/es/contribute/promote.html
index 9a8dffbdf..875ea36c6 100644
--- a/es/contribute/promote.html
+++ b/es/contribute/promote.html
@@ -317,69 +317,100 @@ <h1 id="ponte-en-contacto">Ponte en contacto</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/contribute/translate.html b/es/contribute/translate.html
index 9fdfd27ca..cba3c100b 100644
--- a/es/contribute/translate.html
+++ b/es/contribute/translate.html
@@ -409,69 +409,100 @@ <h1 id="ponte-en-contacto">¡Ponte en contacto!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/deeplink/subscribe/index.html b/es/deeplink/subscribe/index.html
index 99d66af82..a861e9172 100644
--- a/es/deeplink/subscribe/index.html
+++ b/es/deeplink/subscribe/index.html
@@ -308,69 +308,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/documentation/automation.html b/es/documentation/automation.html
index 21f167f98..8e0a55acd 100644
--- a/es/documentation/automation.html
+++ b/es/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integración con otras aplicaciones</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/automation/deletion.html b/es/documentation/automation/deletion.html
index acfe5267f..41696c5cd 100644
--- a/es/documentation/automation/deletion.html
+++ b/es/documentation/automation/deletion.html
@@ -396,69 +396,100 @@ <h2 id="limpieza-de-episodios">Limpieza de episodios</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/automation/refreshing-podcasts.html b/es/documentation/automation/refreshing-podcasts.html
index 2434663cc..3d19bbee8 100644
--- a/es/documentation/automation/refreshing-podcasts.html
+++ b/es/documentation/automation/refreshing-podcasts.html
@@ -393,69 +393,100 @@ <h1 id="actualización-de-podcasts">Actualización de podcasts</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/automation/tasker.html b/es/documentation/automation/tasker.html
index 169207bfd..d27a806f3 100644
--- a/es/documentation/automation/tasker.html
+++ b/es/documentation/automation/tasker.html
@@ -462,69 +462,100 @@ <h3 id="llama---perfiles-de-ubicación-sitio">Llama - Perfiles de Ubicación ([s
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid.html b/es/documentation/bugs-first-aid.html
index b7de3dee9..75c051bcf 100644
--- a/es/documentation/bugs-first-aid.html
+++ b/es/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">Todos mis podcasts y episodios han desaparecido
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/bug-report.html b/es/documentation/bugs-first-aid/bug-report.html
index 6e0a78f08..40ec38987 100644
--- a/es/documentation/bugs-first-aid/bug-report.html
+++ b/es/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="hay-algo-que-no-funciona">Hay algo que no funciona</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/cannot-stream-download.html b/es/documentation/bugs-first-aid/cannot-stream-download.html
index 64bca208f..c02aa641f 100644
--- a/es/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/es/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="no-se-puede-descargar-un-episodio">No se puede descargar un episodio</h1
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/database-error.html b/es/documentation/bugs-first-aid/database-error.html
index db30af4bd..dfa48808a 100644
--- a/es/documentation/bugs-first-aid/database-error.html
+++ b/es/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="todos-mis-podcasts-y-episodios-han-desaparecido">Todos mis podcasts y ep
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/episodes-missing.html b/es/documentation/bugs-first-aid/episodes-missing.html
index 96b7cc93a..9b5e1e0a9 100644
--- a/es/documentation/bugs-first-aid/episodes-missing.html
+++ b/es/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="faltan-episodios-antiguos">Faltan episodios antiguos</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/playback-stops.html b/es/documentation/bugs-first-aid/playback-stops.html
index 57282d6b2..7a062a44f 100644
--- a/es/documentation/bugs-first-aid/playback-stops.html
+++ b/es/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="la-reproducción-se-detiene-repentinamente">La reproducción se detiene
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/refresh-download-errors.html b/es/documentation/bugs-first-aid/refresh-download-errors.html
index 71a666831..1151dd956 100644
--- a/es/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/es/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="error-al-descargar-o-refrescar-el-canal">Error al descargar o refrescar
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/bugs-first-aid/typo-translations.html b/es/documentation/bugs-first-aid/typo-translations.html
index 510c660ed..8fd853ad4 100644
--- a/es/documentation/bugs-first-aid/typo-translations.html
+++ b/es/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="simplemente-quieres-informarnos">¿Simplemente quieres informarnos?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general.html b/es/documentation/general.html
index 79eeffd54..14dfe6a5d 100644
--- a/es/documentation/general.html
+++ b/es/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Cómo sincronizar entre dispositivos</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/ads.html b/es/documentation/general/ads.html
index 61a86a517..94e4b27a7 100644
--- a/es/documentation/general/ads.html
+++ b/es/documentation/general/ads.html
@@ -437,69 +437,100 @@ <h3 id="2-los-editores-del-podcasts-añadieron-los-anuncios-a-sus-shownotes-o-ar
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/backup.html b/es/documentation/general/backup.html
index 45408fc2d..99c6ac8d3 100644
--- a/es/documentation/general/backup.html
+++ b/es/documentation/general/backup.html
@@ -410,69 +410,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/beta.html b/es/documentation/general/beta.html
index acca2fdec..081e4c412 100644
--- a/es/documentation/general/beta.html
+++ b/es/documentation/general/beta.html
@@ -429,69 +429,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/central-distributed.html b/es/documentation/general/central-distributed.html
index 2e9962701..df6becc77 100644
--- a/es/documentation/general/central-distributed.html
+++ b/es/documentation/general/central-distributed.html
@@ -425,69 +425,100 @@ <h1 id="aplicaciones-de-podcasts-centralizadas-y-distribuidas">Aplicaciones de p
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/episode-deletion.html b/es/documentation/general/episode-deletion.html
index f370db248..67028f06f 100644
--- a/es/documentation/general/episode-deletion.html
+++ b/es/documentation/general/episode-deletion.html
@@ -394,69 +394,100 @@ <h1 id="eliminación-de-episodios">Eliminación de episodios</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/external-storage.html b/es/documentation/general/external-storage.html
index 3ed2b1b68..d2c12ef82 100644
--- a/es/documentation/general/external-storage.html
+++ b/es/documentation/general/external-storage.html
@@ -393,69 +393,100 @@ <h2 id="resolución-de-problemas">Resolución de problemas</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/f-droid.html b/es/documentation/general/f-droid.html
index 7d0103c1a..7587fcaf2 100644
--- a/es/documentation/general/f-droid.html
+++ b/es/documentation/general/f-droid.html
@@ -410,69 +410,100 @@ <h1 id="actualizaciones-en-f-droid">Actualizaciones en F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/proxy.html b/es/documentation/general/proxy.html
index abcb12673..67d67ca09 100644
--- a/es/documentation/general/proxy.html
+++ b/es/documentation/general/proxy.html
@@ -398,69 +398,100 @@ <h1 id="dirigiendo-el-tráfico-a-través-de-un-proxy-o-la-red-tor">Dirigiendo el
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/general/synchronization.html b/es/documentation/general/synchronization.html
index 2d2193062..386303628 100644
--- a/es/documentation/general/synchronization.html
+++ b/es/documentation/general/synchronization.html
@@ -469,69 +469,100 @@ <h2 id="habilitar-la-sincronización-a-través-de-gpodder">Habilitar la sincroni
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/getting-started.html b/es/documentation/getting-started.html
index 2ee32149f..821aff7b8 100644
--- a/es/documentation/getting-started.html
+++ b/es/documentation/getting-started.html
@@ -430,69 +430,100 @@ <h4 class="text-main weight-700">Suscribirse a un podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/getting-started/subscribe.html b/es/documentation/getting-started/subscribe.html
index 1fe53d9a6..ca3bcdaff 100644
--- a/es/documentation/getting-started/subscribe.html
+++ b/es/documentation/getting-started/subscribe.html
@@ -444,69 +444,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/index.html b/es/documentation/index.html
index c623869ab..3c4a11061 100644
--- a/es/documentation/index.html
+++ b/es/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Para Podcasters y hosters</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/documentation/playback.html b/es/documentation/playback.html
index d1ca55af6..1d7735d73 100644
--- a/es/documentation/playback.html
+++ b/es/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Atajos de teclado</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/playback/android-auto.html b/es/documentation/playback/android-auto.html
index 160e2b241..e69758bee 100644
--- a/es/documentation/playback/android-auto.html
+++ b/es/documentation/playback/android-auto.html
@@ -395,69 +395,100 @@ <h3 id="descargaste-antennapod-desde-f-droid">¿Descargaste AntennaPod desde <st
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/playback/auto-rewind.html b/es/documentation/playback/auto-rewind.html
index e763debfc..bace0f3d7 100644
--- a/es/documentation/playback/auto-rewind.html
+++ b/es/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="rebobinado-automático">Rebobinado automático</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/playback/shortcuts.html b/es/documentation/playback/shortcuts.html
index 9d4b7b29d..1adc529a5 100644
--- a/es/documentation/playback/shortcuts.html
+++ b/es/documentation/playback/shortcuts.html
@@ -488,69 +488,100 @@ <h3 id="reproductor-de-vídeo">Reproductor de vídeo</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/podcasters-hosters.html b/es/documentation/podcasters-hosters.html
index e7e2c8c92..2d4e4f0d2 100644
--- a/es/documentation/podcasters-hosters.html
+++ b/es/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Listar tu podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/podcasters-hosters/add-on-antennapod.html b/es/documentation/podcasters-hosters/add-on-antennapod.html
index 06b616556..0a26d5d65 100644
--- a/es/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/es/documentation/podcasters-hosters/add-on-antennapod.html
@@ -387,69 +387,100 @@ <h1 id="crear-un-enlace-abrir-en-antennapod">Crear un enlace ‘Abrir en Antenna
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/podcasters-hosters/list-podcast.html b/es/documentation/podcasters-hosters/list-podcast.html
index 705766de6..ad9e1a216 100644
--- a/es/documentation/podcasters-hosters/list-podcast.html
+++ b/es/documentation/podcasters-hosters/list-podcast.html
@@ -397,69 +397,100 @@ <h1 id="listar-tu-podcast">Listar tu podcast</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/queue.html b/es/documentation/queue.html
index 1b3bb0ea0..17a16ab8c 100644
--- a/es/documentation/queue.html
+++ b/es/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Cómo utilizar múltiples colas</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/queue/how-to-use.html b/es/documentation/queue/how-to-use.html
index 2e349e3e1..c31b0ec06 100644
--- a/es/documentation/queue/how-to-use.html
+++ b/es/documentation/queue/how-to-use.html
@@ -380,69 +380,100 @@ <h1 id="cómo-utilizar-la-cola">Cómo utilizar la cola</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/queue/lock.html b/es/documentation/queue/lock.html
index 869ad895b..80a6282aa 100644
--- a/es/documentation/queue/lock.html
+++ b/es/documentation/queue/lock.html
@@ -389,69 +389,100 @@ <h1 id="desbloqueando-la-cola">(Des)bloqueando la cola</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/queue/multiple-queues.html b/es/documentation/queue/multiple-queues.html
index 61ee29eca..28fef7188 100644
--- a/es/documentation/queue/multiple-queues.html
+++ b/es/documentation/queue/multiple-queues.html
@@ -380,69 +380,100 @@ <h1 id="cómo-utilizar-múltiples-colas">Cómo utilizar múltiples colas</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/subscriptions.html b/es/documentation/subscriptions.html
index c0488ddce..0351dcebc 100644
--- a/es/documentation/subscriptions.html
+++ b/es/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Etiquetas de suscripción (grupos o categorías
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/subscriptions/listening-without-subscribing.html b/es/documentation/subscriptions/listening-without-subscribing.html
index 7f3d7a69d..c059bd2da 100644
--- a/es/documentation/subscriptions/listening-without-subscribing.html
+++ b/es/documentation/subscriptions/listening-without-subscribing.html
@@ -398,69 +398,100 @@ <h1 id="escuchando-un-episodio-sin-suscribirse">Escuchando un episodio sin suscr
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/documentation/subscriptions/subscription-groups.html b/es/documentation/subscriptions/subscription-groups.html
index 71cf0b9d4..1b6f33b5a 100644
--- a/es/documentation/subscriptions/subscription-groups.html
+++ b/es/documentation/subscriptions/subscription-groups.html
@@ -391,69 +391,100 @@ <h1 id="etiquetas-de-suscripción-grupos-o-categorías">Etiquetas de suscripció
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/es/download/index.html b/es/download/index.html
index 56fd2a44f..ac8f5efc9 100644
--- a/es/download/index.html
+++ b/es/download/index.html
@@ -301,69 +301,100 @@ <h1 class="color-gray-800 weight-700">Descargar</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/events-with-RDATE.ics b/es/events-with-RDATE.ics
index ecb757937..34e324c7e 100644
--- a/es/events-with-RDATE.ics
+++ b/es/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095800Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/es/events.ics b/es/events.ics
index 521c0d6b9..c9441ce56 100644
--- a/es/events.ics
+++ b/es/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095800Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/es/events/2022/07/10-year-anniversary.html b/es/events/2022/07/10-year-anniversary.html
index 49aa4c694..fd057a115 100644
--- a/es/events/2022/07/10-year-anniversary.html
+++ b/es/events/2022/07/10-year-anniversary.html
@@ -344,69 +344,100 @@ <h5 class="modal-title" id="icsModalLabel">Añadir al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/events/community-meeting.html b/es/events/community-meeting.html
index 790c10ca4..b8160f588 100644
--- a/es/events/community-meeting.html
+++ b/es/events/community-meeting.html
@@ -368,69 +368,100 @@ <h5 class="modal-title" id="icsModalLabel">Añadir al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/events/index.html b/es/events/index.html
index 8d62d70aa..f62b4599e 100644
--- a/es/events/index.html
+++ b/es/events/index.html
@@ -361,69 +361,100 @@ <h5 class="modal-title" id="icsModalLabel">Añadir al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/index.html b/es/index.html
index dac9bda9c..a4745a74f 100644
--- a/es/index.html
+++ b/es/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Escucha en cualquier lugar</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/license/index.html b/es/license/index.html
index f1e260d6e..5da255856 100644
--- a/es/license/index.html
+++ b/es/license/index.html
@@ -317,69 +317,100 @@ <h1 id="el-contenido-de-la-web">El contenido de la web</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/privacy/index.html b/es/privacy/index.html
index d54f6f076..191a5cb09 100644
--- a/es/privacy/index.html
+++ b/es/privacy/index.html
@@ -450,69 +450,100 @@ <h2 id="actualizaciones-de-esta-política-de-privacidad">Actualizaciones de esta
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/s/subs-gone.html b/es/s/subs-gone.html
index 6f026f540..f2219fbf8 100644
--- a/es/s/subs-gone.html
+++ b/es/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirigir</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/es/s/sync-help.html b/es/s/sync-help.html
index 5ae3a617c..6314cdf12 100644
--- a/es/s/sync-help.html
+++ b/es/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirigir</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/es"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/about"><span>Acerca de</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/contribute"><span>Contribuir</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/documentation"><span>Documentación</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/es/download"><span>Descargar AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/es/media-kit"><span>Dossier de medios</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/license">Licencia</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/es/privacy">Política de privacidad</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/es">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logotipo de AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">El gestor de podcast flexible, fácil de utilizar y libre para Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/about">
+              Acerca de
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/contribute">
+              Contribuir
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/es/documentation">
+              Documentación
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/es/download">
+              Descargar AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/es/media-kit">-->
+          <!--    <span>Dossier de medios</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/license">Licencia</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/es/privacy">Política de privacidad</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/events-with-RDATE.ics b/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/events-with-RDATE.ics
+++ b/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/events.ics b/events.ics
index 7809de5c5..c9441ce56 100644
--- a/events.ics
+++ b/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/events/2022/07/10-year-anniversary.html b/events/2022/07/10-year-anniversary.html
index 712c188a5..f692c72f5 100644
--- a/events/2022/07/10-year-anniversary.html
+++ b/events/2022/07/10-year-anniversary.html
@@ -342,69 +342,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/events/community-meeting.html b/events/community-meeting.html
index 5fc8f9c86..e29bfb72d 100644
--- a/events/community-meeting.html
+++ b/events/community-meeting.html
@@ -366,69 +366,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/events/index.html b/events/index.html
index 10bcb0846..72fc38ac3 100644
--- a/events/index.html
+++ b/events/index.html
@@ -359,69 +359,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/404.html b/fr/404.html
index 56d299e1f..552afbc3d 100644
--- a/fr/404.html
+++ b/fr/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Erreur</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/about/index.html b/fr/about/index.html
index 3caf77c46..356270140 100644
--- a/fr/about/index.html
+++ b/fr/about/index.html
@@ -380,69 +380,100 @@ <h2 id="2011--création-du-projet-antennapod">2011 : Création du projet Antenna
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/assets/css/main.css b/fr/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/fr/assets/css/main.css
+++ b/fr/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/fr/assets/css/main.css.map b/fr/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/fr/assets/css/main.css.map
+++ b/fr/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrb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A;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/fr/blog/2020/05/supporting-old-android-versions.html b/fr/blog/2020/05/supporting-old-android-versions.html
index 94c2d2a1c..1cd172314 100644
--- a/fr/blog/2020/05/supporting-old-android-versions.html
+++ b/fr/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/06/getting-to-a-new-icon.html b/fr/blog/2020/06/getting-to-a-new-icon.html
index edeac3fe2..e4c87aacd 100644
--- a/fr/blog/2020/06/getting-to-a-new-icon.html
+++ b/fr/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/09/2-0-0-release.html b/fr/blog/2020/09/2-0-0-release.html
index 45c69a744..de5c1dfd6 100644
--- a/fr/blog/2020/09/2-0-0-release.html
+++ b/fr/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/09/new-icon.html b/fr/blog/2020/09/new-icon.html
index 9dd4a90b8..4074ce551 100644
--- a/fr/blog/2020/09/new-icon.html
+++ b/fr/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/09/version-2-changelog.html b/fr/blog/2020/09/version-2-changelog.html
index 0178d7184..2120c833d 100644
--- a/fr/blog/2020/09/version-2-changelog.html
+++ b/fr/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/12/2-1-0-release.html b/fr/blog/2020/12/2-1-0-release.html
index 8cc95314c..4b0c74963 100644
--- a/fr/blog/2020/12/2-1-0-release.html
+++ b/fr/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2020/12/new-website.html b/fr/blog/2020/12/new-website.html
index c3dd394f1..63b62d83d 100644
--- a/fr/blog/2020/12/new-website.html
+++ b/fr/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2021/05/2-2-0-release.html b/fr/blog/2021/05/2-2-0-release.html
index 63624c27c..cc71fb5dd 100644
--- a/fr/blog/2021/05/2-2-0-release.html
+++ b/fr/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2021/06/forum-anniversary.html b/fr/blog/2021/06/forum-anniversary.html
index 74318b029..185897d37 100644
--- a/fr/blog/2021/06/forum-anniversary.html
+++ b/fr/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2021/07/2-3-0-release.html b/fr/blog/2021/07/2-3-0-release.html
index 13184454d..675d5ddf0 100644
--- a/fr/blog/2021/07/2-3-0-release.html
+++ b/fr/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2021/12/2021-recap.html b/fr/blog/2021/12/2021-recap.html
index dbe042c9d..d6d6dbf70 100644
--- a/fr/blog/2021/12/2021-recap.html
+++ b/fr/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2022/01/website-translations.html b/fr/blog/2022/01/website-translations.html
index f423c5a71..c70ee8efe 100644
--- a/fr/blog/2022/01/website-translations.html
+++ b/fr/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2022/03/2-5-release.html b/fr/blog/2022/03/2-5-release.html
index ce0164c28..61642637c 100644
--- a/fr/blog/2022/03/2-5-release.html
+++ b/fr/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2022/10/2-7-release.html b/fr/blog/2022/10/2-7-release.html
index ff6bdf0e6..8621f8364 100644
--- a/fr/blog/2022/10/2-7-release.html
+++ b/fr/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2022/10/translations-coordinator.html b/fr/blog/2022/10/translations-coordinator.html
index 805262e05..6f52bc521 100644
--- a/fr/blog/2022/10/translations-coordinator.html
+++ b/fr/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/2023/05/introducing-the-home-screen.html b/fr/blog/2023/05/introducing-the-home-screen.html
index c1a6febf1..9fe7625ac 100644
--- a/fr/blog/2023/05/introducing-the-home-screen.html
+++ b/fr/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/blog/index.html b/fr/blog/index.html
index 0ed17a29a..72e6a6f4c 100644
--- a/fr/blog/index.html
+++ b/fr/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/contribute/develop.html b/fr/contribute/develop.html
index d77cb94a9..fb85566f5 100644
--- a/fr/contribute/develop.html
+++ b/fr/contribute/develop.html
@@ -377,69 +377,100 @@ <h1 id="prenez-contact-avec-nous-">Prenez contact avec nous !</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/contribute/index.html b/fr/contribute/index.html
index 13d057bdc..27fbb908d 100644
--- a/fr/contribute/index.html
+++ b/fr/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">Voulez-vous vraiment faire un do
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/contribute/promote.html b/fr/contribute/promote.html
index 0462ac74b..3daec57f9 100644
--- a/fr/contribute/promote.html
+++ b/fr/contribute/promote.html
@@ -319,69 +319,100 @@ <h1 id="prenez-contact-avec-nous">Prenez contact avec nous</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/contribute/translate.html b/fr/contribute/translate.html
index fdb1937a0..0e8a3d0bf 100644
--- a/fr/contribute/translate.html
+++ b/fr/contribute/translate.html
@@ -411,69 +411,100 @@ <h1 id="prenez-contact-avec-nous-">Prenez contact avec nous !</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/deeplink/subscribe/index.html b/fr/deeplink/subscribe/index.html
index 521b0bef2..160ee301c 100644
--- a/fr/deeplink/subscribe/index.html
+++ b/fr/deeplink/subscribe/index.html
@@ -309,69 +309,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/documentation/automation.html b/fr/documentation/automation.html
index 964da025b..8991c0379 100644
--- a/fr/documentation/automation.html
+++ b/fr/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Intégration avec d'autres applications</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/automation/deletion.html b/fr/documentation/automation/deletion.html
index 95dc4bcc4..76c436f2d 100644
--- a/fr/documentation/automation/deletion.html
+++ b/fr/documentation/automation/deletion.html
@@ -397,69 +397,100 @@ <h2 id="nettoyage-de-lépisode">Nettoyage de l’épisode</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/automation/refreshing-podcasts.html b/fr/documentation/automation/refreshing-podcasts.html
index 4662bbae3..563153f7d 100644
--- a/fr/documentation/automation/refreshing-podcasts.html
+++ b/fr/documentation/automation/refreshing-podcasts.html
@@ -393,69 +393,100 @@ <h1 id="actualisation-des-podcasts">Actualisation des podcasts</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/automation/tasker.html b/fr/documentation/automation/tasker.html
index 31a5d45a2..e59b36659 100644
--- a/fr/documentation/automation/tasker.html
+++ b/fr/documentation/automation/tasker.html
@@ -460,69 +460,100 @@ <h3 id="llama---profils-de-localisation-site">Llama - Profils de localisation ([
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid.html b/fr/documentation/bugs-first-aid.html
index e94e582da..03c5d5b77 100644
--- a/fr/documentation/bugs-first-aid.html
+++ b/fr/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">Tous mes podcasts et épisodes ont disparu</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/bug-report.html b/fr/documentation/bugs-first-aid/bug-report.html
index bec1e4603..51728fd5a 100644
--- a/fr/documentation/bugs-first-aid/bug-report.html
+++ b/fr/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="quelque-chose-ne-fonctionne-pas">Quelque chose ne fonctionne pas</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/cannot-stream-download.html b/fr/documentation/bugs-first-aid/cannot-stream-download.html
index d7b9a2969..7146a9452 100644
--- a/fr/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/fr/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="impossible-de-télécharger-un-épisode">Impossible de télécharger un
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/database-error.html b/fr/documentation/bugs-first-aid/database-error.html
index c8c9357d6..a9ece8399 100644
--- a/fr/documentation/bugs-first-aid/database-error.html
+++ b/fr/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="tous-mes-podcasts-et-épisodes-ont-disparu">Tous mes podcasts et épisod
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/episodes-missing.html b/fr/documentation/bugs-first-aid/episodes-missing.html
index 15634ed4e..4a3ebda83 100644
--- a/fr/documentation/bugs-first-aid/episodes-missing.html
+++ b/fr/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="les-anciens-épisodes-sont-manquants">Les anciens épisodes sont manquan
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/playback-stops.html b/fr/documentation/bugs-first-aid/playback-stops.html
index 3529a0213..e12b897dd 100644
--- a/fr/documentation/bugs-first-aid/playback-stops.html
+++ b/fr/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="la-lecture-sarrête-soudainement">La lecture s’arrête soudainement</h
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/refresh-download-errors.html b/fr/documentation/bugs-first-aid/refresh-download-errors.html
index 99df08b92..742a18596 100644
--- a/fr/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/fr/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="erreur-de-téléchargement-ou-de-mise-à-jour-du-flux">Erreur de téléc
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/bugs-first-aid/typo-translations.html b/fr/documentation/bugs-first-aid/typo-translations.html
index 20dead98b..3e1ad90f0 100644
--- a/fr/documentation/bugs-first-aid/typo-translations.html
+++ b/fr/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="vous-souhaitez-simplement-nous-en-informer-">Vous souhaitez simplement n
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general.html b/fr/documentation/general.html
index f45844399..307c3729c 100644
--- a/fr/documentation/general.html
+++ b/fr/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Comment synchroniser entre les appareils</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/ads.html b/fr/documentation/general/ads.html
index 97e79b89f..84176c234 100644
--- a/fr/documentation/general/ads.html
+++ b/fr/documentation/general/ads.html
@@ -435,69 +435,100 @@ <h3 id="2-the-podcast-publishers-added-the-ads-to-their-shownotes-or-audio-file"
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/backup.html b/fr/documentation/general/backup.html
index 5774f431f..f9f8fac01 100644
--- a/fr/documentation/general/backup.html
+++ b/fr/documentation/general/backup.html
@@ -415,69 +415,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/beta.html b/fr/documentation/general/beta.html
index 87e21cb90..31b172474 100644
--- a/fr/documentation/general/beta.html
+++ b/fr/documentation/general/beta.html
@@ -430,69 +430,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/central-distributed.html b/fr/documentation/general/central-distributed.html
index 9dceaeb19..6e630122a 100644
--- a/fr/documentation/general/central-distributed.html
+++ b/fr/documentation/general/central-distributed.html
@@ -430,69 +430,100 @@ <h1 id="applications-de-podcasts-centralisées-et-distribuées">Applications de
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/episode-deletion.html b/fr/documentation/general/episode-deletion.html
index 8696599dd..d99f31e1a 100644
--- a/fr/documentation/general/episode-deletion.html
+++ b/fr/documentation/general/episode-deletion.html
@@ -394,69 +394,100 @@ <h1 id="suppression-dépisodes">Suppression d’épisodes</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/external-storage.html b/fr/documentation/general/external-storage.html
index b793b354e..ba539c38f 100644
--- a/fr/documentation/general/external-storage.html
+++ b/fr/documentation/general/external-storage.html
@@ -393,69 +393,100 @@ <h2 id="dépannage">Dépannage</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/f-droid.html b/fr/documentation/general/f-droid.html
index 44aa696ea..824e34522 100644
--- a/fr/documentation/general/f-droid.html
+++ b/fr/documentation/general/f-droid.html
@@ -406,69 +406,100 @@ <h1 id="updates-on-f-droid">Updates on F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/proxy.html b/fr/documentation/general/proxy.html
index 1bdaec3e6..563cfa447 100644
--- a/fr/documentation/general/proxy.html
+++ b/fr/documentation/general/proxy.html
@@ -400,69 +400,100 @@ <h1 id="transfert-du-trafic-par-un-proxy-ou-un-réseau-tor">Transfert du trafic
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/general/synchronization.html b/fr/documentation/general/synchronization.html
index fadc5ff74..ee49c7c64 100644
--- a/fr/documentation/general/synchronization.html
+++ b/fr/documentation/general/synchronization.html
@@ -469,69 +469,100 @@ <h2 id="bonne-synchronisation--1">Bonne synchronisation :)</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/getting-started.html b/fr/documentation/getting-started.html
index 01c21d70e..5fa249094 100644
--- a/fr/documentation/getting-started.html
+++ b/fr/documentation/getting-started.html
@@ -432,69 +432,100 @@ <h4 class="text-main weight-700">S'abonner un à podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/getting-started/subscribe.html b/fr/documentation/getting-started/subscribe.html
index 41bd29a20..8e212cabc 100644
--- a/fr/documentation/getting-started/subscribe.html
+++ b/fr/documentation/getting-started/subscribe.html
@@ -446,69 +446,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/index.html b/fr/documentation/index.html
index c7c5b9447..0e3e450bf 100644
--- a/fr/documentation/index.html
+++ b/fr/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Pour les diffuseurs et les hébergeurs de podca
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/documentation/playback.html b/fr/documentation/playback.html
index 093d15abd..a6de2955e 100644
--- a/fr/documentation/playback.html
+++ b/fr/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Raccourcis clavier</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/playback/android-auto.html b/fr/documentation/playback/android-auto.html
index bb3880517..39b977772 100644
--- a/fr/documentation/playback/android-auto.html
+++ b/fr/documentation/playback/android-auto.html
@@ -394,69 +394,100 @@ <h3 id="did-you-download-antennapod-from-f-droid">Did you download AntennaPod fr
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/playback/auto-rewind.html b/fr/documentation/playback/auto-rewind.html
index 249ee862e..9715d9624 100644
--- a/fr/documentation/playback/auto-rewind.html
+++ b/fr/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="retour-en-arrière-automatique">Retour en arrière automatique</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/playback/shortcuts.html b/fr/documentation/playback/shortcuts.html
index 63d297f60..dbc24dfae 100644
--- a/fr/documentation/playback/shortcuts.html
+++ b/fr/documentation/playback/shortcuts.html
@@ -487,69 +487,100 @@ <h3 id="lecteur-vidéo">Lecteur vidéo</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/podcasters-hosters.html b/fr/documentation/podcasters-hosters.html
index c061a273f..6ff5ad709 100644
--- a/fr/documentation/podcasters-hosters.html
+++ b/fr/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Répertorier votre podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/podcasters-hosters/add-on-antennapod.html b/fr/documentation/podcasters-hosters/add-on-antennapod.html
index 4da1e955d..c9265a273 100644
--- a/fr/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/fr/documentation/podcasters-hosters/add-on-antennapod.html
@@ -388,69 +388,100 @@ <h1 id="créer-un-lien-ouvrir-dans-antennapod">Créer un lien « Ouvrir dans An
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/podcasters-hosters/list-podcast.html b/fr/documentation/podcasters-hosters/list-podcast.html
index e9fb5b436..31483713c 100644
--- a/fr/documentation/podcasters-hosters/list-podcast.html
+++ b/fr/documentation/podcasters-hosters/list-podcast.html
@@ -396,69 +396,100 @@ <h1 id="répertorier-votre-podcast">Répertorier votre podcast</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/queue.html b/fr/documentation/queue.html
index 79f8aee43..47076451f 100644
--- a/fr/documentation/queue.html
+++ b/fr/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Comment utiliser plusieurs files d'attente</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/queue/how-to-use.html b/fr/documentation/queue/how-to-use.html
index d8d476993..53825e656 100644
--- a/fr/documentation/queue/how-to-use.html
+++ b/fr/documentation/queue/how-to-use.html
@@ -381,69 +381,100 @@ <h1 id="comment-utiliser-la-file-dattente">Comment utiliser la file d’attente<
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/queue/lock.html b/fr/documentation/queue/lock.html
index 0561a1e07..abf816ce7 100644
--- a/fr/documentation/queue/lock.html
+++ b/fr/documentation/queue/lock.html
@@ -389,69 +389,100 @@ <h1 id="déverrouiller-la-file-dattente">(Dé)Verrouiller la file d’attente</h
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/queue/multiple-queues.html b/fr/documentation/queue/multiple-queues.html
index db157dcd9..697eac13f 100644
--- a/fr/documentation/queue/multiple-queues.html
+++ b/fr/documentation/queue/multiple-queues.html
@@ -380,69 +380,100 @@ <h1 id="comment-utiliser-plusieurs-files-dattente">Comment utiliser plusieurs fi
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/subscriptions.html b/fr/documentation/subscriptions.html
index ec12aef25..f8f97f970 100644
--- a/fr/documentation/subscriptions.html
+++ b/fr/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Étiquettes d'abonnement (ou groupes ou catégo
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/subscriptions/listening-without-subscribing.html b/fr/documentation/subscriptions/listening-without-subscribing.html
index 0925f6752..497e989fa 100644
--- a/fr/documentation/subscriptions/listening-without-subscribing.html
+++ b/fr/documentation/subscriptions/listening-without-subscribing.html
@@ -398,69 +398,100 @@ <h1 id="écouter-un-épisode-sans-sabonner">Écouter un épisode sans s’abonne
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/documentation/subscriptions/subscription-groups.html b/fr/documentation/subscriptions/subscription-groups.html
index 08bca918d..0991d4d6c 100644
--- a/fr/documentation/subscriptions/subscription-groups.html
+++ b/fr/documentation/subscriptions/subscription-groups.html
@@ -392,69 +392,100 @@ <h1 id="étiquettes-dabonnement-ou-groupes-ou-catégories">Étiquettes d’abonn
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/fr/download/index.html b/fr/download/index.html
index d521e4bd4..ee32292e9 100644
--- a/fr/download/index.html
+++ b/fr/download/index.html
@@ -300,69 +300,100 @@ <h1 class="color-gray-800 weight-700">Télécharger</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/events-with-RDATE.ics b/fr/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/fr/events-with-RDATE.ics
+++ b/fr/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/fr/events.ics b/fr/events.ics
index 7809de5c5..c9441ce56 100644
--- a/fr/events.ics
+++ b/fr/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/fr/events/2022/07/10-year-anniversary.html b/fr/events/2022/07/10-year-anniversary.html
index 0c6433ddc..5be60737c 100644
--- a/fr/events/2022/07/10-year-anniversary.html
+++ b/fr/events/2022/07/10-year-anniversary.html
@@ -343,69 +343,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/events/community-meeting.html b/fr/events/community-meeting.html
index d22d2ae64..e06225a15 100644
--- a/fr/events/community-meeting.html
+++ b/fr/events/community-meeting.html
@@ -367,69 +367,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/events/index.html b/fr/events/index.html
index 2ec6431ce..b03ef8120 100644
--- a/fr/events/index.html
+++ b/fr/events/index.html
@@ -360,69 +360,100 @@ <h5 class="modal-title" id="icsModalLabel">Add to calendar</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/index.html b/fr/index.html
index 2d0950ae1..48c34e47b 100644
--- a/fr/index.html
+++ b/fr/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">À écouter partout</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/license/index.html b/fr/license/index.html
index d6050b379..65ed975d2 100644
--- a/fr/license/index.html
+++ b/fr/license/index.html
@@ -316,69 +316,100 @@ <h1 id="le-contenu-du-site">Le contenu du site</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/privacy/index.html b/fr/privacy/index.html
index c9f70a784..7fda82b39 100644
--- a/fr/privacy/index.html
+++ b/fr/privacy/index.html
@@ -442,69 +442,100 @@ <h2 id="mises-à-jour-de-la-politique-de-confidentialité">Mises à jour de la p
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/s/subs-gone.html b/fr/s/subs-gone.html
index 47cc3ab73..8690144b8 100644
--- a/fr/s/subs-gone.html
+++ b/fr/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirection</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/fr/s/sync-help.html b/fr/s/sync-help.html
index a7294d556..748ffba4d 100644
--- a/fr/s/sync-help.html
+++ b/fr/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirection</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/fr"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/about"><span>À propos</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/contribute"><span>Contribuer</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/fr/download"><span>Télécharger AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/fr/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/license">Licence</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/fr/privacy">Politique de confidentialité</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/fr">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">Le gestionnaire de podcasts simple, flexible et open-source pour Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/about">
+              À propos
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/contribute">
+              Contribuer
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/fr/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/fr/download">
+              Télécharger AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/fr/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/license">Licence</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/fr/privacy">Politique de confidentialité</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/index.html b/index.html
index ae8d26daf..8f2940734 100644
--- a/index.html
+++ b/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Listen anywhere</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/404.html b/it/404.html
index 65ca32cdb..036b11037 100644
--- a/it/404.html
+++ b/it/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Errore</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/about/index.html b/it/about/index.html
index 92cba01a4..3bfb8f145 100644
--- a/it/about/index.html
+++ b/it/about/index.html
@@ -376,69 +376,100 @@ <h2 id="dal-2011-il-progetto-antennapod-oggi">Dal 2011: il progetto AntennaPod o
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/assets/css/main.css b/it/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/it/assets/css/main.css
+++ b/it/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/it/assets/css/main.css.map b/it/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/it/assets/css/main.css.map
+++ b/it/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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SE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,kBnB4mByC;;A4BtJ3C;EACE,O5BsIgC;E4BrIhC,Q5BsIgC;E4BrIhC;EACA,Q5BqIgC;E4BpIhC;EACA;EACA;;AAIF;EACE,kBhC9bO;EYxBP;;AoB0dF;EACE;EACA,kBhCpcO;EYxBP;;AoBieA;EACE,kBhCxcK;;AgC2cP;EACE;;AAGF;EACE,kBhChdK;;AgCmdP;EACE;;AAGF;EACE,kBhCxdK;;;AgC6dX;AAAA;AAAA;EXzfM,YW4fJ;;AXxfI;EWqfN;AAAA;AAAA;IXpfQ;;;;AYhBR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;A1BAA;E0BGE;;AAIF;EACE,OjCqBO;EiCpBP;EACA;;;AAQJ;EACE;;AAEA;EACE;EACA;EACA;ErBbA;EACA;;ALZF;E0B6BI;EACA,c7BipB8B;;A6B9oBhC;EACE,OjCLK;EiCML;EACA;;AAIJ;AAAA;EAEE,OjCZO;EiCaP,kBjC1DI;EiC2DJ,c7BsoBgC;;A6BnoBlC;EAEE;ErBtCA;EACA;;;AqBiDF;EACE;EACA;ErB7DA;;AqBiEF;AAAA;EAEE,OjCpFI;EiCqFJ,kB7BoK0B;;;A6B1J5B;AAAA;EAEE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAUF;EACE;;AAEF;EACE;;;ACzGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAoBJ;EACE;EACA,a9BkqBkC;E8BjqBlC,gB9BiqBkC;E8BhqBlC,c9BgFO;EC6CH;E6B3HJ;EACA;;A3B1CA;E2B6CE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AASJ;EACE;EACA,a9BylBkC;E8BxlBlC,gB9BwlBkC;;;A8B5kBpC;EACE;EACA;EAGA;;;AAIF;EACE;E7B8DI;E6B5DJ;EACA;EACA;EtBxGE;;ALFF;E2B8GE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,Y9BglBkC;E8B/kBlC;;;AlBtEE;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AAhEN;EAoBI;EACA;;AAnBA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAmBF;EACE;;AAEA;EACE;;AAGF;EACE,e9ByhBwB;E8BxhBxB,c9BwhBwB;;A8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAcF;EACE;;AAGF;EACE;EAGA;;AAGF;EACE;;;AAcR;EACE,O9BigBgC;;AGztBlC;E2B2NI,O9B8f8B;;A8BzfhC;EACE,O9Bsf8B;;AGvtBlC;E2BoOM,O9Bof4B;;A8Bjf9B;EACE,O9Bkf4B;;A8B9ehC;AAAA;AAAA;AAAA;EAIE,O9Bye8B;;A8BrelC;EACE,O9BkegC;E8BjehC,c9BsegC;;A8BnelC;EACE;;AAGF;EACE,O9BydgC;;A8BxdhC;EACE,O9Byd8B;;AGztBlC;E2BmQM,O9Bsd4B;;;A8B9clC;EACE,OlC3RI;;AOeN;E2B+QI,OlC9RE;;AkCmSJ;EACE,O9B2b8B;;AGhtBlC;E2BwRM,O9Byb4B;;A8Btb9B;EACE,O9Bub4B;;A8BnbhC;AAAA;AAAA;AAAA;EAIE,OlCnTE;;AkCuTN;EACE,O9BuagC;E8BtahC,c9B2agC;;A8BxalC;EACE;;AAGF;EACE,O9B8ZgC;;A8B7ZhC;EACE,OlCnUE;;AOeN;E2BuTM,OlCtUA;;;AmCGR;EACE;EACA;EACA;EACA;EAEA;EACA,kBnC6BS;EmC5BT;EACA;EvBKE;;AuBFF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EvBCF;EACA;;AuBEA;EACE;EvBUF;EACA;;AuBJF;AAAA;EAEE;;;AAIJ;EAGE;EAGA;EACA,S/BgxBkC;;;A+B5wBpC;EACE,e/B0wBkC;;;A+BvwBpC;EACE;EACA;;;AAGF;EACE;;;A5BrDA;E4B0DE;;AAGF;EACE,a/ByvBgC;;;A+BjvBpC;EACE;EACA;EAEA,kB/BkvBkC;E+BjvBlC;;AAEA;EvBvEE;;;AuB4EJ;EACE;EAEA,kB/BuuBkC;E+BtuBlC;;AAEA;EvBlFE;;;AuB4FJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,S/B6sBkC;EQ5zBhC;;;AuBmHJ;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EvBjHI;EACA;;;AuBqHJ;AAAA;EvBxGI;EACA;;;AuBgHF;EACE,e/BqrBgC;;AYpxBhC;EmB6FJ;IAMI;IACA;IACA;IACA;;EAEA;IAEE;IACA,c/ByqB8B;I+BxqB9B;IACA,a/BuqB8B;;;;A+B1pBlC;EACE,e/BypBgC;;AYpxBhC;EmBuHJ;IAQI;IACA;;EAGA;IAEE;IACA;;EAEA;IACE;IACA;;EAKA;IvBzKJ;IACA;;EuB2KM;AAAA;IAGE;;EAEF;AAAA;IAGE;;EAIJ;IvB1KJ;IACA;;EuB4KM;AAAA;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/it/blog/2020/05/supporting-old-android-versions.html b/it/blog/2020/05/supporting-old-android-versions.html
index 941a7d130..dc0084cda 100644
--- a/it/blog/2020/05/supporting-old-android-versions.html
+++ b/it/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/06/getting-to-a-new-icon.html b/it/blog/2020/06/getting-to-a-new-icon.html
index 73f07c56b..9faa3c9ec 100644
--- a/it/blog/2020/06/getting-to-a-new-icon.html
+++ b/it/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/09/2-0-0-release.html b/it/blog/2020/09/2-0-0-release.html
index 24e4d72b9..f67acd3b9 100644
--- a/it/blog/2020/09/2-0-0-release.html
+++ b/it/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/09/new-icon.html b/it/blog/2020/09/new-icon.html
index 102f9cccd..303bfe6f0 100644
--- a/it/blog/2020/09/new-icon.html
+++ b/it/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/09/version-2-changelog.html b/it/blog/2020/09/version-2-changelog.html
index 030c02c21..88c639efc 100644
--- a/it/blog/2020/09/version-2-changelog.html
+++ b/it/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/12/2-1-0-release.html b/it/blog/2020/12/2-1-0-release.html
index 24dd0b8df..02354dcbe 100644
--- a/it/blog/2020/12/2-1-0-release.html
+++ b/it/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2020/12/new-website.html b/it/blog/2020/12/new-website.html
index 9e7576eb1..0d275f4c1 100644
--- a/it/blog/2020/12/new-website.html
+++ b/it/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2021/05/2-2-0-release.html b/it/blog/2021/05/2-2-0-release.html
index c10d90215..d097fb8fb 100644
--- a/it/blog/2021/05/2-2-0-release.html
+++ b/it/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2021/06/forum-anniversary.html b/it/blog/2021/06/forum-anniversary.html
index edfbf5bd9..a5b851cbd 100644
--- a/it/blog/2021/06/forum-anniversary.html
+++ b/it/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2021/07/2-3-0-release.html b/it/blog/2021/07/2-3-0-release.html
index 41c1dc47e..469e37a1b 100644
--- a/it/blog/2021/07/2-3-0-release.html
+++ b/it/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2021/12/2021-recap.html b/it/blog/2021/12/2021-recap.html
index e2eb717e5..b14cdb295 100644
--- a/it/blog/2021/12/2021-recap.html
+++ b/it/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2022/01/website-translations.html b/it/blog/2022/01/website-translations.html
index d039b7c16..1fbe9e076 100644
--- a/it/blog/2022/01/website-translations.html
+++ b/it/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2022/03/2-5-release.html b/it/blog/2022/03/2-5-release.html
index fb1e03152..9d118a6b9 100644
--- a/it/blog/2022/03/2-5-release.html
+++ b/it/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2022/10/2-7-release.html b/it/blog/2022/10/2-7-release.html
index 657a78d62..12b585836 100644
--- a/it/blog/2022/10/2-7-release.html
+++ b/it/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2022/10/translations-coordinator.html b/it/blog/2022/10/translations-coordinator.html
index d3a876e64..a62753e27 100644
--- a/it/blog/2022/10/translations-coordinator.html
+++ b/it/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/2023/05/introducing-the-home-screen.html b/it/blog/2023/05/introducing-the-home-screen.html
index cfafefb0d..5e399447b 100644
--- a/it/blog/2023/05/introducing-the-home-screen.html
+++ b/it/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/blog/index.html b/it/blog/index.html
index 990574cba..cb987adb8 100644
--- a/it/blog/index.html
+++ b/it/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/contribute/develop.html b/it/contribute/develop.html
index 2cfdaedfd..270147814 100644
--- a/it/contribute/develop.html
+++ b/it/contribute/develop.html
@@ -374,69 +374,100 @@ <h1 id="mettiti-in-contatto">Mettiti in contatto!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/contribute/index.html b/it/contribute/index.html
index 7ba000569..80509f108 100644
--- a/it/contribute/index.html
+++ b/it/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">Sei sicuro di voler fare una don
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/contribute/promote.html b/it/contribute/promote.html
index 44346720c..2f8de857d 100644
--- a/it/contribute/promote.html
+++ b/it/contribute/promote.html
@@ -317,69 +317,100 @@ <h1 id="mettiti-in-contatto">Mettiti in contatto</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/contribute/translate.html b/it/contribute/translate.html
index 2266988bf..4de287fd9 100644
--- a/it/contribute/translate.html
+++ b/it/contribute/translate.html
@@ -408,69 +408,100 @@ <h1 id="mettiti-in-contatto">Mettiti in contatto!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/deeplink/subscribe/index.html b/it/deeplink/subscribe/index.html
index 0f5aaf930..81b3db121 100644
--- a/it/deeplink/subscribe/index.html
+++ b/it/deeplink/subscribe/index.html
@@ -308,69 +308,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/documentation/automation.html b/it/documentation/automation.html
index d49b37ce5..b260461da 100644
--- a/it/documentation/automation.html
+++ b/it/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integrazione con altre app</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/automation/deletion.html b/it/documentation/automation/deletion.html
index a6374d2d3..9e8a231cb 100644
--- a/it/documentation/automation/deletion.html
+++ b/it/documentation/automation/deletion.html
@@ -396,69 +396,100 @@ <h2 id="pulizia-episodi">Pulizia episodi</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/automation/refreshing-podcasts.html b/it/documentation/automation/refreshing-podcasts.html
index b03ba51e2..a9a2527ce 100644
--- a/it/documentation/automation/refreshing-podcasts.html
+++ b/it/documentation/automation/refreshing-podcasts.html
@@ -393,69 +393,100 @@ <h1 id="aggiornare-i-podcast">Aggiornare i podcast</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/automation/tasker.html b/it/documentation/automation/tasker.html
index ff4ba6a3b..0fe570645 100644
--- a/it/documentation/automation/tasker.html
+++ b/it/documentation/automation/tasker.html
@@ -459,69 +459,100 @@ <h3 id="llama---location-profiles-sito">Llama - Location Profiles ([sito</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid.html b/it/documentation/bugs-first-aid.html
index 636d83237..554e97dc9 100644
--- a/it/documentation/bugs-first-aid.html
+++ b/it/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">Tutti i miei podcast e i miei episodi sono spar
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/bug-report.html b/it/documentation/bugs-first-aid/bug-report.html
index ec59c93bf..d9226841a 100644
--- a/it/documentation/bugs-first-aid/bug-report.html
+++ b/it/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="qualcosa-non-funziona">Qualcosa non funziona</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/cannot-stream-download.html b/it/documentation/bugs-first-aid/cannot-stream-download.html
index f8328649f..ea12f2d9f 100644
--- a/it/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/it/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="non-riesco-a-scaricare-un-episodio">Non riesco a scaricare un episodio</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/database-error.html b/it/documentation/bugs-first-aid/database-error.html
index 0f58bfe12..a3a33fd7d 100644
--- a/it/documentation/bugs-first-aid/database-error.html
+++ b/it/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="tutti-i-miei-podcast-e-i-miei-episodi-sono-spariti">Tutti i miei podcast
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/episodes-missing.html b/it/documentation/bugs-first-aid/episodes-missing.html
index 96db9efe8..95981ea69 100644
--- a/it/documentation/bugs-first-aid/episodes-missing.html
+++ b/it/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="mancano-gli-episodi-più-vecchi">Mancano gli episodi più vecchi</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/playback-stops.html b/it/documentation/bugs-first-aid/playback-stops.html
index e8475f398..9634df793 100644
--- a/it/documentation/bugs-first-aid/playback-stops.html
+++ b/it/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="la-riproduzione-si-interrompe-improvvisamente">La riproduzione si interr
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/refresh-download-errors.html b/it/documentation/bugs-first-aid/refresh-download-errors.html
index 5523f1956..18fd93722 100644
--- a/it/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/it/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="errore-nel-download-o-nellaggiornamento-del-feed">Errore nel download o
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/bugs-first-aid/typo-translations.html b/it/documentation/bugs-first-aid/typo-translations.html
index 153f33e6c..01174193f 100644
--- a/it/documentation/bugs-first-aid/typo-translations.html
+++ b/it/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="vuoi-solo-segnalarcelo">Vuoi solo segnalarcelo?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general.html b/it/documentation/general.html
index 6b5610a95..58f0acdf8 100644
--- a/it/documentation/general.html
+++ b/it/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Come sincronizzare più dispositivi</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/ads.html b/it/documentation/general/ads.html
index d7b9ded8b..51e4c427e 100644
--- a/it/documentation/general/ads.html
+++ b/it/documentation/general/ads.html
@@ -435,69 +435,100 @@ <h3 id="2-the-podcast-publishers-added-the-ads-to-their-shownotes-or-audio-file"
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/backup.html b/it/documentation/general/backup.html
index b4cedd816..1d483301f 100644
--- a/it/documentation/general/backup.html
+++ b/it/documentation/general/backup.html
@@ -409,69 +409,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/beta.html b/it/documentation/general/beta.html
index acc53fc79..3a2efae69 100644
--- a/it/documentation/general/beta.html
+++ b/it/documentation/general/beta.html
@@ -429,69 +429,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/central-distributed.html b/it/documentation/general/central-distributed.html
index 91a57cc79..04b2d069d 100644
--- a/it/documentation/general/central-distributed.html
+++ b/it/documentation/general/central-distributed.html
@@ -425,69 +425,100 @@ <h1 id="applicazioni-di-podcast-centralizzate-e-distribuite">Applicazioni di pod
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/episode-deletion.html b/it/documentation/general/episode-deletion.html
index 625185fe5..ee7ab028f 100644
--- a/it/documentation/general/episode-deletion.html
+++ b/it/documentation/general/episode-deletion.html
@@ -393,69 +393,100 @@ <h1 id="eliminare-episodi">Eliminare episodi</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/external-storage.html b/it/documentation/general/external-storage.html
index 072eb2a15..9d8fb901f 100644
--- a/it/documentation/general/external-storage.html
+++ b/it/documentation/general/external-storage.html
@@ -393,69 +393,100 @@ <h2 id="risoluzione-dei-problemi">Risoluzione dei problemi</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/f-droid.html b/it/documentation/general/f-droid.html
index 28ea89e61..a84f9e002 100644
--- a/it/documentation/general/f-droid.html
+++ b/it/documentation/general/f-droid.html
@@ -407,69 +407,100 @@ <h1 id="aggiornamenti-su-f-droid">Aggiornamenti su F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/proxy.html b/it/documentation/general/proxy.html
index 33f918088..2dadfb51b 100644
--- a/it/documentation/general/proxy.html
+++ b/it/documentation/general/proxy.html
@@ -399,69 +399,100 @@ <h1 id="indirizzare-il-traffico-dati-attraverso-un-proxy-o-la-rete-tor">Indirizz
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/general/synchronization.html b/it/documentation/general/synchronization.html
index 7e733964d..58dd89aa8 100644
--- a/it/documentation/general/synchronization.html
+++ b/it/documentation/general/synchronization.html
@@ -469,69 +469,100 @@ <h2 id="enable-synchronization-via-gpodder">Enable synchronization via gPodder</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/getting-started.html b/it/documentation/getting-started.html
index db2cb9e3a..45a6e2816 100644
--- a/it/documentation/getting-started.html
+++ b/it/documentation/getting-started.html
@@ -430,69 +430,100 @@ <h4 class="text-main weight-700">Abbonarsi a un podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/getting-started/subscribe.html b/it/documentation/getting-started/subscribe.html
index 2812c07b5..75e76411c 100644
--- a/it/documentation/getting-started/subscribe.html
+++ b/it/documentation/getting-started/subscribe.html
@@ -444,69 +444,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/index.html b/it/documentation/index.html
index 6b1a280a3..7d754e78f 100644
--- a/it/documentation/index.html
+++ b/it/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Per podcaster ed editori</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/documentation/playback.html b/it/documentation/playback.html
index 32bb3038f..512ec3ca0 100644
--- a/it/documentation/playback.html
+++ b/it/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Scorciatoie da tastiera</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/playback/android-auto.html b/it/documentation/playback/android-auto.html
index 150bd83dd..0988eb48a 100644
--- a/it/documentation/playback/android-auto.html
+++ b/it/documentation/playback/android-auto.html
@@ -394,69 +394,100 @@ <h3 id="hai-scaricato-antennapod-da-f-droid">Hai scaricato AntennaPod da <strong
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/playback/auto-rewind.html b/it/documentation/playback/auto-rewind.html
index 474ac6b57..d72a4ad46 100644
--- a/it/documentation/playback/auto-rewind.html
+++ b/it/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="riavvolgimento-automatico">Riavvolgimento automatico</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/playback/shortcuts.html b/it/documentation/playback/shortcuts.html
index fa5a7d578..3b97943a9 100644
--- a/it/documentation/playback/shortcuts.html
+++ b/it/documentation/playback/shortcuts.html
@@ -488,69 +488,100 @@ <h3 id="lettore-video">Lettore video</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/podcasters-hosters.html b/it/documentation/podcasters-hosters.html
index bad3c26d0..1574e8b92 100644
--- a/it/documentation/podcasters-hosters.html
+++ b/it/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Come far includere il tuo podcast nel catalogo<
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/podcasters-hosters/add-on-antennapod.html b/it/documentation/podcasters-hosters/add-on-antennapod.html
index 72630d2e8..ac3cb1809 100644
--- a/it/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/it/documentation/podcasters-hosters/add-on-antennapod.html
@@ -387,69 +387,100 @@ <h1 id="crea-un-link-apri-in-antennapod">Crea un link “Apri in AntennaPod”</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/podcasters-hosters/list-podcast.html b/it/documentation/podcasters-hosters/list-podcast.html
index f48fc3b5f..0007d43b8 100644
--- a/it/documentation/podcasters-hosters/list-podcast.html
+++ b/it/documentation/podcasters-hosters/list-podcast.html
@@ -396,69 +396,100 @@ <h1 id="come-far-includere-il-tuo-podcast-nel-catalogo">Come far includere il tu
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/queue.html b/it/documentation/queue.html
index 83c05e42a..eb3c87bd4 100644
--- a/it/documentation/queue.html
+++ b/it/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Come utilizzare code multiple</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/queue/how-to-use.html b/it/documentation/queue/how-to-use.html
index 5b9cf8ea7..e604f69c6 100644
--- a/it/documentation/queue/how-to-use.html
+++ b/it/documentation/queue/how-to-use.html
@@ -380,69 +380,100 @@ <h1 id="come-usare-la-coda">Come usare la coda</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/queue/lock.html b/it/documentation/queue/lock.html
index d11a3c1fe..7d9a9e151 100644
--- a/it/documentation/queue/lock.html
+++ b/it/documentation/queue/lock.html
@@ -389,69 +389,100 @@ <h1 id="sbloccare-la-coda">(S)bloccare la coda</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/queue/multiple-queues.html b/it/documentation/queue/multiple-queues.html
index b7224f05e..f25f914f2 100644
--- a/it/documentation/queue/multiple-queues.html
+++ b/it/documentation/queue/multiple-queues.html
@@ -380,69 +380,100 @@ <h1 id="come-utilizzare-code-multiple">Come utilizzare code multiple</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/subscriptions.html b/it/documentation/subscriptions.html
index 9f651f4ea..fd21b4d25 100644
--- a/it/documentation/subscriptions.html
+++ b/it/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Tag degli abbonamenti (cioè gruppi o categorie
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/subscriptions/listening-without-subscribing.html b/it/documentation/subscriptions/listening-without-subscribing.html
index 10cb2afda..a550482c4 100644
--- a/it/documentation/subscriptions/listening-without-subscribing.html
+++ b/it/documentation/subscriptions/listening-without-subscribing.html
@@ -398,69 +398,100 @@ <h1 id="ascoltare-un-episodio-senza-abbonarsi">Ascoltare un episodio senza abbon
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/documentation/subscriptions/subscription-groups.html b/it/documentation/subscriptions/subscription-groups.html
index cdb06f4e5..b86969496 100644
--- a/it/documentation/subscriptions/subscription-groups.html
+++ b/it/documentation/subscriptions/subscription-groups.html
@@ -391,69 +391,100 @@ <h1 id="tag-degli-abbonamenti-cioè-gruppi-o-categorie">Tag degli abbonamenti (c
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/it/download/index.html b/it/download/index.html
index 0c5a10f0b..fb32e18c8 100644
--- a/it/download/index.html
+++ b/it/download/index.html
@@ -297,69 +297,100 @@ <h1 class="color-gray-800 weight-700">Download</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/events-with-RDATE.ics b/it/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/it/events-with-RDATE.ics
+++ b/it/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/it/events.ics b/it/events.ics
index 7809de5c5..c9441ce56 100644
--- a/it/events.ics
+++ b/it/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/it/events/2022/07/10-year-anniversary.html b/it/events/2022/07/10-year-anniversary.html
index 2b3894a4b..c91922d6f 100644
--- a/it/events/2022/07/10-year-anniversary.html
+++ b/it/events/2022/07/10-year-anniversary.html
@@ -344,69 +344,100 @@ <h5 class="modal-title" id="icsModalLabel">Aggiungi al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/events/community-meeting.html b/it/events/community-meeting.html
index cd1af778e..f568804aa 100644
--- a/it/events/community-meeting.html
+++ b/it/events/community-meeting.html
@@ -368,69 +368,100 @@ <h5 class="modal-title" id="icsModalLabel">Aggiungi al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/events/index.html b/it/events/index.html
index 816965cd8..3c04bf3e6 100644
--- a/it/events/index.html
+++ b/it/events/index.html
@@ -361,69 +361,100 @@ <h5 class="modal-title" id="icsModalLabel">Aggiungi al calendario</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/index.html b/it/index.html
index 3930eae66..ceb064dfe 100644
--- a/it/index.html
+++ b/it/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Ascolta ovunque</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/license/index.html b/it/license/index.html
index 92c4f38a2..49a6ab84a 100644
--- a/it/license/index.html
+++ b/it/license/index.html
@@ -317,69 +317,100 @@ <h1 id="il-contenuto-del-sito-web">Il contenuto del sito web</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/privacy/index.html b/it/privacy/index.html
index 7234fcc29..30159a9b3 100644
--- a/it/privacy/index.html
+++ b/it/privacy/index.html
@@ -440,69 +440,100 @@ <h2 id="aggiornamenti-di-questa-informativa-sulla-privacy">Aggiornamenti di ques
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/s/subs-gone.html b/it/s/subs-gone.html
index 8f97144fb..8fbfe3d9e 100644
--- a/it/s/subs-gone.html
+++ b/it/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Reindirizzamento</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/it/s/sync-help.html b/it/s/sync-help.html
index 1582ac84a..8947c8181 100644
--- a/it/s/sync-help.html
+++ b/it/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Reindirizzamento</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/it"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/about"><span>Cos'è</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/contribute"><span>Contribuisci</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/documentation"><span>Documentazione</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/it/download"><span>Scarica AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/it/media-kit"><span>Cartella stampa</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/license">Licenza</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/it/privacy">Informativa sulla privacy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/it">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="Logo di AntennaPod">
+            </a>
+          </div>
+          <p class="small mb-3">Il gestore di podcast per Android semplice da usare, flessibile e open source.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/about">
+              Cos'è
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/contribute">
+              Contribuisci
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/it/documentation">
+              Documentazione
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/it/download">
+              Scarica AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/it/media-kit">-->
+          <!--    <span>Cartella stampa</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/license">Licenza</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/it/privacy">Informativa sulla privacy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/license/index.html b/license/index.html
index ed54c1748..17ceab1d0 100644
--- a/license/index.html
+++ b/license/index.html
@@ -300,69 +300,100 @@ <h1 id="the-website-content">The website content</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/404.html b/nl/404.html
index bd98380e1..a00817f02 100644
--- a/nl/404.html
+++ b/nl/404.html
@@ -286,69 +286,100 @@ <h1 class="color-gray-800 weight-700">Fout</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/about/index.html b/nl/about/index.html
index 9f7dbaad1..49e0153d4 100644
--- a/nl/about/index.html
+++ b/nl/about/index.html
@@ -375,69 +375,100 @@ <h2 id="sinds-2011-het-antennapod-project-vandaag">Sinds 2011: het AntennaPod pr
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/assets/css/main.css b/nl/assets/css/main.css
index 56fb73b8f..2730f8f1e 100644
--- a/nl/assets/css/main.css
+++ b/nl/assets/css/main.css
@@ -383,6 +383,11 @@
   color: #234e52 !important;
 }
 
+:root {
+  --bs-secondary-color: #1a202c;
+  --bs-tertiary-bg: #f7fafc;
+}
+
 /*!
  * Bootstrap v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
@@ -9596,6 +9601,10 @@ a.text-dark:hover, a.text-dark:focus {
     border-color: #e2e8f0;
   }
 }
+.bg-body-tertiary {
+  background-color: var(--bs-tertiary-bg);
+}
+
 html {
   scroll-behavior: smooth;
   height: 100%;
@@ -10516,16 +10525,16 @@ i.member-img {
 
 footer {
   flex-shrink: 0;
+  color: var(--bs-secondary-color);
 }
 
-.copyright {
-  font-size: 14px;
-  font-weight: 400;
-  color: #1a202c;
+footer a {
+  color: var(--bs-secondary-color) !important;
 }
 
-.copyright a:hover {
-  color: #1a202c;
+footer .svg-wave {
+  fill: var(--bs-tertiary-bg);
+  fill-opacity: 1;
 }
 
 .form-control {
@@ -11131,6 +11140,8 @@ footer {
     border-top: 0 solid rgba(250, 250, 250, 0.125);
   }
   :root {
+    --bs-secondary-color: #ddd;
+    --bs-tertiary-bg: #223;
     scrollbar-color: #333 #000;
   }
   body {
@@ -11188,17 +11199,17 @@ footer {
   hr {
     border: none;
   }
-  path {
-    fill: #223;
-  }
   #search-input {
     color: #fff;
   }
   .copyright {
-    color: #bbb;
+    color: #bbb !important;
+  }
+  .copyright a {
+    color: #bbb !important;
   }
   .copyright a:hover {
-    color: #fff;
+    color: #fff !important;
   }
   .overlay {
     background-color: #333;
diff --git a/nl/assets/css/main.css.map b/nl/assets/css/main.css.map
index 1ac6b57a0..cd957ac53 100644
--- a/nl/assets/css/main.css.map
+++ b/nl/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/_variables.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;EACA;EACA,uMAG0E;;AAG5E;AACA;EACE;EACA;EACA;EACA;EACA,6LAGsE;;AAGxE;AACA;EACE;EACA;EACA;EACA;EACA,iMAGsE;;AAGxE;AACA;EACE;EACA;EACA;EACA;EACA,yLAGsE;;ACgFtE;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAKF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAKF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAKF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAKF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;AAJF;EACE;;;AAEF;EACE;;;ACrKJ;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAKF;EACA;;;ACCF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;;;AAMF;EACE;;;AAUF;EACE;EACA,aCsO4B;ECjGxB;EFnIJ,aC+O4B;ED9O5B,aCmP4B;EDlP5B,OHHS;EGIT;EACA,kBHpDM;;;AGgER;EACE;;;AASF;EACE;EACA;EACA;;;AAaF;EACE;EACA,eCiN4B;;;AD1M9B;EACE;EACA,eCoF0B;;;ADzE5B;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE,aCkJ4B;;;AD/I9B;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE,aCqI4B;;;ADlI9B;EEII;;;AFKJ;AAAA;EAEE;EEPE;EFSF;EACA;;;AAGF;EAAM;;;AACN;EAAM;;;AAON;EACE,OCXwC;EDYxC,iBGxLgB;EHyLhB;;AIhLA;EJmLE,OCdsC;EDetC,iBCdsC;;;ADuB1C;EACE;EACA;;AI/LA;EJkME;EACA;;;AASJ;AAAA;AAAA;AAAA;EAIE,aC0D4B;EClH1B;;;AF4DJ;EAEE;EAEA;EAEA;EAGA;;;AAQF;EAEE;;;AAQF;EACE;EACA;;;AAGF;EAGE;EACA;;;AAQF;EACE;;;AAGF;EACE,aC8E4B;ED7E5B,gBC6E4B;ED5E5B,OHtOS;EGuOT;EACA;;;AAOF;EAEE;EACA;;;AAQF;EAEE;EACA,eC4JsC;;;ADtJxC;EAEE;;;AAQF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EEhKE;EFkKF;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAMF;EACE;;;AAMF;EACE;;;AAOF;AAAA;AAAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AK5dF;AAAA;EAEE,eJsS4B;EIpS5B,aJsS4B;EIrS5B,aJsS4B;;;AIlS9B;EHqKM;;;AGpKN;EHoKM;;;AGnKN;EHmKM;;;AGlKN;EHkKM;;;AGjKN;EHiKM;;;AGhKN;EHgKM;;;AG9JN;EH8JM;EG5JJ,aJwS4B;;;AIpS9B;EHwJM;EGtJJ,aJ2R4B;EI1R5B,aJkR4B;;;AIhR9B;EHmJM;EGjJJ,aJuR4B;EItR5B,aJ6Q4B;;;AI3Q9B;EH8IM;EG5IJ,aJmR4B;EIlR5B,aJwQ4B;;;AItQ9B;EHyIM;EGvIJ,aJ+Q4B;EI9Q5B,aJmQ4B;;;AI3P9B;EACE,YJgFO;EI/EP,eJ+EO;EI9EP;EACA;;;AAQF;AAAA;EHkGI;EG/FF,aJ2N4B;;;AIxN9B;AAAA;EAEE,SJmQ4B;EIlQ5B,kBJ2Q4B;;;AInQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cJqP0B;;;AI3O9B;EH2DI;EGzDF;;;AAIF;EACE,eJuBO;EC6CH;;;AGhEN;EACE;EH+CE;EG7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SNqgCkC;EMpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EL8HI;EK5HF,OVKS;;;Aa5CX;ERmKI;EQjKF,OTmCQ;ESlCR;;AAGA;EACE;;;AAKJ;EACE;ERsJE;EQpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;ER8IA;EQ5IA,aTyQ0B;;;ASnQ9B;EACE;ERqIE;EQnIF,ObeS;;AaZT;ERgIE;EQ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EW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBnBsEW;EqBpEb,crBoEa;;AGhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBrB0CW;EqBzCX,crByCW;;AqBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADzBN;ECPA,OrBYa;EqBXb,crBWa;;AGhEb;EkBwDE,OALgD;EAMhD,kBrBOW;EqBNX,crBMW;;AqBHb;EAEE;;AAGF;EAEE,OrBJW;EqBKX;;AAGF;EAGE;EACA,kBrBZW;EqBaX,crBbW;;AqBeX;EAKI;;;ADdR;EACE,apB6M4B;EoB5M5B,OpB2FwC;EoB1FxC,iBlBlFgB;;ACShB;EiB4EE,OpByFsC;EoBxFtC,iBpByFsC;;AoBtFxC;EAEE,iBpBoFsC;;AoBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EpB4EI;EoB1EJ,arB+H4B;EQvN1B;;;AYiGJ;ECXE;EpB4EI;EoB1EJ,arBgI4B;EQxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YpBwT0B;;;AoBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,axB+NwB;EwB9NxB,gBxB6NwB;EwB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,SvBypBkC;EuBxpBlC;EACA;EACA,WvBiuBkC;EuBhuBlC;EACA;EtB2JI;EsBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;E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EACA;;AAEA;EACE,OhC/BI;EgCgCJ,c5ByN0B;EmBpP1B,kBnBoP0B;;A4BpN5B;EAKI,Y5BgWwB;;A4B5V5B;EACE,c5BsboC;;A4BnbtC;EACE,OhCnDI;EgCoDJ,kB5Bkf4C;E4Bjf5C,c5Bif4C;;A4B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O5BwboC;E4BvbpC,Q5BuboC;E4BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O5ByaoC;E4BxapC,Q5BwaoC;E4BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c5B0HwB;EmBpP1B,kBnBoP0B;;A4BtH1B;EACE;;AAKF;ETpIA,kBnByhB4C;;A4BlZ5C;ETvIA,kBnByhB4C;;;A4BvY9C;EAEE,e5B0Z4C;;A4BtZ5C;EACE;;AAKF;ET9JA,kBnByhB4C;;;A4BhXhD;EACE;;AAGE;EACE;EACA,O5BkY0C;E4BjY1C;EAEA,e5BgY0C;;A4B7X5C;EACE;EACA;EACA,O5B2X0C;E4B1X1C,Q5B0X0C;E4BzX1C,kBhCpJK;EgCsJL,e5BsX0C;EiBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBnByhB4C;;;A4BnUhD;EACE;EACA;EACA,Q5BqRsC;E4BpRtC;E3B5CI;E2B+CJ,a5B6D4B;E4B5D5B,a5BiE4B;E4BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c5BwPoC;E4BvPpC;EAKE,Y5BmW8B;;A4BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e5B+H0B;E4B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q5B0NsC;E4BzNtC,a5BiH4B;E4BhH5B,gB5BgH4B;E4B/G5B,c5BgH4B;EC1NxB;;;A2B8GN;EACE,Q5BmNsC;E4BlNtC,a5B8G4B;E4B7G5B,gB5B6G4B;E4B5G5B,c5B6G4B;EC/NxB;;;A2B2HN;EACE;EACA;EACA;EACA,Q5BiMsC;E4BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q5ByLsC;E4BxLtC;EACA;EACA;;AAEA;EACE,c5BqKoC;E4BpKpC,Y5ByE0B;;A4BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S5B2Ta;;A4BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q5BwJsC;E4BvJtC;EACA;EAEA,a5BhE4B;E4BiE5B,a5B5D4B;E4B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q5BiIoC;E4BhIpC;EACA,a5B5E0B;E4B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y5BoOe;;A4BnOzC;EAA0B,Y5BmOe;;A4BlOzC;EAA0B,Y5BkOe;;A4B/N3C;EACE;;AAGF;EACE,O5BoNyC;E4BnNzC,Q5BmNyC;E4BlNzC;ETlZA,kBnBoP0B;E4BgK1B,Q5BmNyC;EQ3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBnB4mByC;;A4B7M3C;EACE,O5B6LgC;E4B5LhC,Q5B6LgC;E4B5LhC;EACA,Q5B4LgC;E4B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O5ByLyC;E4BxLzC,Q5BwLyC;EmBpmBzC,kBnBoP0B;E4B0L1B,Q5ByLyC;EQ3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBnB4mByC;;A4BnL3C;EACE,O5BmKgC;E4BlKhC,Q5BmKgC;E4BlKhC;EACA,Q5BkKgC;E4BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O5B+JyC;E4B9JzC,Q5B8JyC;E4B7JzC;EACA,c5BrE0B;E4BsE1B,a5BtE0B;EmBnY1B,kBnBoP0B;E4BuN1B,Q5B4JyC;EQ3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,kBnB4mByC;;A4BtJ3C;EACE,O5BsIgC;E4BrIhC,Q5BsIgC;E4BrIhC;EACA,Q5BqIgC;E4BpIhC;EACA;EACA;;AAIF;EACE,kBhC9bO;EYxBP;;AoB0dF;EACE;EACA,kBhCpcO;EYxBP;;AoBieA;EACE,kBhCxcK;;AgC2cP;EACE;;AAGF;EACE,kBhChdK;;AgCmdP;EACE;;AAGF;EACE,kBhCxdK;;;AgC6dX;AAAA;AAAA;EXzfM,YW4fJ;;AXxfI;EWqfN;AAAA;AAAA;IXpfQ;;;;AYhBR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;A1BAA;E0BGE;;AAIF;EACE,OjCqBO;EiCpBP;EACA;;;AAQJ;EACE;;AAEA;EACE;EACA;EACA;ErBbA;EACA;;ALZF;E0B6BI;EACA,c7BipB8B;;A6B9oBhC;EACE,OjCLK;EiCML;EACA;;AAIJ;AAAA;EAEE,OjCZO;EiCaP,kBjC1DI;EiC2DJ,c7BsoBgC;;A6BnoBlC;EAEE;ErBtCA;EACA;;;AqBiDF;EACE;EACA;ErB7DA;;AqBiEF;AAAA;EAEE,OjCpFI;EiCqFJ,kB7BoK0B;;;A6B1J5B;AAAA;EAEE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAUF;EACE;;AAEF;EACE;;;ACzGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAoBJ;EACE;EACA,a9BkqBkC;E8BjqBlC,gB9BiqBkC;E8BhqBlC,c9BgFO;EC6CH;E6B3HJ;EACA;;A3B1CA;E2B6CE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AASJ;EACE;EACA,a9BylBkC;E8BxlBlC,gB9BwlBkC;;;A8B5kBpC;EACE;EACA;EAGA;;;AAIF;EACE;E7B8DI;E6B5DJ;EACA;EACA;EtBxGE;;ALFF;E2B8GE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE,Y9BglBkC;E8B/kBlC;;;AlBtEE;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AlBhJN;EkBkFI;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;IACA;;;AlBjGN;EkB6FA;IAoBI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE,e9ByhBwB;I8BxhBxB,c9BwhBwB;;E8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;IACE;;EAcF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;;;AAhEN;EAoBI;EACA;;AAnBA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAmBF;EACE;;AAEA;EACE;;AAGF;EACE,e9ByhBwB;E8BxhBxB,c9BwhBwB;;A8BnhB5B;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAcF;EACE;;AAGF;EACE;EAGA;;AAGF;EACE;;;AAcR;EACE,O9BigBgC;;AGztBlC;E2B2NI,O9B8f8B;;A8BzfhC;EACE,O9Bsf8B;;AGvtBlC;E2BoOM,O9Bof4B;;A8Bjf9B;EACE,O9Bkf4B;;A8B9ehC;AAAA;AAAA;AAAA;EAIE,O9Bye8B;;A8BrelC;EACE,O9BkegC;E8BjehC,c9BsegC;;A8BnelC;EACE;;AAGF;EACE,O9BydgC;;A8BxdhC;EACE,O9Byd8B;;AGztBlC;E2BmQM,O9Bsd4B;;;A8B9clC;EACE,OlC3RI;;AOeN;E2B+QI,OlC9RE;;AkCmSJ;EACE,O9B2b8B;;AGhtBlC;E2BwRM,O9Byb4B;;A8Btb9B;EACE,O9Bub4B;;A8BnbhC;AAAA;AAAA;AAAA;EAIE,OlCnTE;;AkCuTN;EACE,O9BuagC;E8BtahC,c9B2agC;;A8BxalC;EACE;;AAGF;EACE,O9B8ZgC;;A8B7ZhC;EACE,OlCnUE;;AOeN;E2BuTM,OlCtUA;;;AmCGR;EACE;EACA;EACA;EACA;EAEA;EACA,kBnC6BS;EmC5BT;EACA;EvBKE;;AuBFF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EvBCF;EACA;;AuBEA;EACE;EvBUF;EACA;;AuBJF;AAAA;EAEE;;;AAIJ;EAGE;EAGA;EACA,S/BgxBkC;;;A+B5wBpC;EACE,e/B0wBkC;;;A+BvwBpC;EACE;EACA;;;AAGF;EACE;;;A5BrDA;E4B0DE;;AAGF;EACE,a/ByvBgC;;;A+BjvBpC;EACE;EACA;EAEA,kB/BkvBkC;E+BjvBlC;;AAEA;EvBvEE;;;AuB4EJ;EACE;EAEA,kB/BuuBkC;E+BtuBlC;;AAEA;EvBlFE;;;AuB4FJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,S/B6sBkC;EQ5zBhC;;;AuBmHJ;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EvBjHI;EACA;;;AuBqHJ;AAAA;EvBxGI;EACA;;;AuBgHF;EACE,e/BqrBgC;;AYpxBhC;EmB6FJ;IAMI;IACA;IACA;IACA;;EAEA;IAEE;IACA,c/ByqB8B;I+BxqB9B;IACA,a/BuqB8B;;;;A+B1pBlC;EACE,e/BypBgC;;AYpxBhC;EmBuHJ;IAQI;IACA;;EAGA;IAEE;IACA;;EAEA;IACE;IACA;;EAKA;IvBzKJ;IACA;;EuB2KM;AAAA;IAGE;;EAEF;AAAA;IAGE;;EAIJ;IvB1KJ;IACA;;EuB4KM;AAAA;IAGE;;EAEF;AAAA;IAGE;;;;AAcV;EACE,e/B8kBgC;;AYtwBhC;EmBsLJ;IAMI,c/B2lBgC;I+B1lBhC,Y/B2lBgC;I+B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,ehCqiCkC;EgCniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,chCyhCgC;;AgCvhChC;EACE;EACA,ehCqhC8B;EgCphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ajCoxBkC;EiCnxBlC,OjCmKwC;EiClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OjC8JsC;EiC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,SjC4wBgC;EiC3wBhC,YjC+W0B;;;AiCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBjC0M0B;EiCzM1B,cjCyM0B;;AiCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EjCgLE;EiC9KF,alCmO0B;;AkC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EjCgLE;EiC9KF,alCoO0B;;AkC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;ElC6JE;EkC3JF,anCwR4B;EmCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,enCi4BkC;EmCh4BlC,cnCg4BkC;EQv5BhC;;;A2BgCF;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBpC0Ea;;AG5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,erCyzBkC;EqCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,etCy9BkC;EsCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,atC6Q4B;;;AsCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QxCk+BkC;EwCj+BlC;EACA;EvCwKI;EuCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBxCu9BkC;EiBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kB1CkL0B;E0CjL1B,c1CiL0B;;A0C9K5B;EACE;;AAEA;EACE;EACA,kB1C2JwB;;;A0C7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kB1C0HoB;E0CzHpB;;AAEA;EACE;EACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;AYhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kB1C0HoB;I0CzHpB;;EAEA;IACE;IACA,mB1CqHkB;;;A0CvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E3CmLI;E2CjLJ,a5C8R4B;E4C7R5B;EACA,OhDHM;EgDIN,a5CylCkC;E4CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y7C24BkC;E6C14BlC,W7C04BkC;EC1tB9B;E4C7KJ,kB7C44BkC;E6C34BlC;EACA;EACA,Y7C64BkC;E6C54BlC;ErCOE;;AqCJF;EACE,e7Cg4BgC;;A6C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB7Cq3BkC;E6Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S7Cm2BkC;;;A8Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S9C4pBkC;E8C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q9Ci5BkC;E8C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W9Cu6BgC;;AiBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W9Cq6BgC;;A8Cj6BlC;EACE,W9Ck6BgC;;;A8C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S9CgjBkC;E8C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S9C+zByB;;;A8C1zBpC;EACE;EACA;EACA;EACA,S9C6zBkC;E8C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S9CwzBgC;E8CtzBhC;;;AAKJ;EACE;EACA,a9CuI4B;;;A8ClI9B;EACE;EAGA;EACA,S9C0wBkC;;;A8CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W9CuwBgC;I8CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W9C+uBsB;;;AYt5BhC;EkC2KF;AAAA;IAEE,W9CuuBgC;;;AYp5BhC;EkCkLF;IAAY,W9CiuBsB;;;A+C98BpC;EACE;EACA,S/CgrBkC;E+C/qBlC;EACA,Q/C61BkC;EgDj2BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;E8CzKJ;EACA;;AAEA;EAAS,S/Ci1ByB;;A+C/0BlC;EACE;EACA;EACA,O/Ci1BgC;E+Ch1BhC,Q/Ci1BgC;;A+C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O/CmzBgC;E+ClzBhC,Q/CizBgC;;A+C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O/CqxBgC;E+CpxBhC,Q/CmxBgC;;A+CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W/C+uBkC;E+C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,SjD8qBkC;EiD7qBlC;EACA,WjD+2BkC;EgDp3BlC,ahDoR4B;EgDlR5B;EACA,ahD4R4B;EgD3R5B,ahDgS4B;EgD/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/CqKI;EgDxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OjD+2BgC;EiD92BhC,QjD+2BgC;EiD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ejDg2BkC;;AiD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBjD21B8B;;AiDx1BhC;EACE,QjD0LwB;EiDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ajD40BkC;;AiD10BlC;EACE;EACA,OjDw0BgC;EiDv0BhC,QjDs0BgC;EiDr0BhC;;AAEA;EACE;EACA;EACA,oBjDo0B8B;;AiDj0BhC;EACE,MjDmKwB;EiD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ChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE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;;;AAKJ;EACE,kBhF3wBM;EgF4wBN;EACA;EACA;;;AAGF;EACE,kBhFlxBM;EgFmxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhFvvBS;;AgFyvBT;EACE;EACA,kBhFhuBS;EgFiuBT;EACA;EACA;EACA,OhFtyBI;EgFuyBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhFxyBS;EgFyyBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhF92BS;EgF+2BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA,OhFz+BS;;;AgF4+BX;EACE,OhF7+BS;;;AgFk/BX;EACE,kBhF3/BS;;AgF6/BT;EACE,kBhF7/BO;;AgFggCT;EACE,kBhFjgCO;;;AgFugCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhFtiCW;EgFuiCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;AC/pCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFGK;;EiFAP;IACE,OjFsEK;;EiFpEL;IACE,OjFoEG;;EiFhEP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjFzCC;;EiF8CP;IACI,kBjFzFA;;EiF4FJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKjIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n}\n\n.copyright {\n  font-size: 14px;\n  font-weight: 400;\n  color: $gray-900;\n}\n\n.copyright a:hover {\n  color: $gray-900;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    path {\n        fill: #223;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    .copyright {\n        color: #bbb;\n    }\n\n    .copyright a:hover {\n        color: #fff;\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/_font.scss","../../_sass/_colors.scss","../../_sass/_variables.scss","../../_sass/bootstrap/bootstrap.scss","../../_sass/bootstrap/_root.scss","../../_sass/bootstrap/_reboot.scss","../../_sass/bootstrap/_variables.scss","../../_sass/bootstrap/vendor/_rfs.scss","../../_sass/bootstrap/mixins/_hover.scss","../../_sass/bootstrap/_type.scss","../../_sass/bootstrap/mixins/_lists.scss","../../_sass/bootstrap/_images.scss","../../_sass/bootstrap/mixins/_image.scss","../../_sass/bootstrap/mixins/_border-radius.scss","../../_sass/bootstrap/_code.scss","../../_sass/bootstrap/_grid.scss","../../_sass/bootstrap/mixins/_grid.scss","../../_sass/bootstrap/mixins/_breakpoints.scss","../../_sass/bootstrap/mixins/_grid-framework.scss","../../_sass/bootstrap/_tables.scss","../../_sass/bootstrap/mixins/_table-row.scss","../../_sass/bootstrap/_forms.scss","../../_sass/bootstrap/mixins/_transition.scss","../../_sass/bootstrap/mixins/_forms.scss","../../_sass/bootstrap/mixins/_gradients.scss","../../_sass/bootstrap/_buttons.scss","../../_sass/bootstrap/mixins/_buttons.scss","../../_sass/bootstrap/_transitions.scss","../../_sass/bootstrap/_dropdown.scss","../../_sass/bootstrap/mixins/_caret.scss","../../_sass/bootstrap/mixins/_nav-divider.scss","../../_sass/bootstrap/_button-group.scss","../../_sass/bootstrap/_input-group.scss","../../_sass/bootstrap/_custom-forms.scss","../../_sass/bootstrap/_nav.scss","../../_sass/bootstrap/_navbar.scss","../../_sass/bootstrap/_card.scss","../../_sass/bootstrap/_breadcrumb.scss","../../_sass/bootstrap/_pagination.scss","../../_sass/bootstrap/mixins/_pagination.scss","../../_sass/bootstrap/_badge.scss","../../_sass/bootstrap/mixins/_badge.scss","../../_sass/bootstrap/_jumbotron.scss","../../_sass/bootstrap/_alert.scss","../../_sass/bootstrap/mixins/_alert.scss","../../_sass/bootstrap/_progress.scss","../../_sass/bootstrap/_media.scss","../../_sass/bootstrap/_list-group.scss","../../_sass/bootstrap/mixins/_list-group.scss","../../_sass/bootstrap/_close.scss","../../_sass/bootstrap/_toasts.scss","../../_sass/bootstrap/_modal.scss","../../_sass/bootstrap/_tooltip.scss","../../_sass/bootstrap/mixins/_reset-text.scss","../../_sass/bootstrap/_popover.scss","../../_sass/bootstrap/_carousel.scss","../../_sass/bootstrap/mixins/_clearfix.scss","../../_sass/bootstrap/_spinners.scss","../../_sass/bootstrap/utilities/_align.scss","../../_sass/bootstrap/mixins/_background-variant.scss","../../_sass/bootstrap/utilities/_background.scss","../../_sass/bootstrap/utilities/_borders.scss","../../_sass/bootstrap/utilities/_display.scss","../../_sass/bootstrap/utilities/_embed.scss","../../_sass/bootstrap/utilities/_flex.scss","../../_sass/bootstrap/utilities/_float.scss","../../_sass/bootstrap/utilities/_interactions.scss","../../_sass/bootstrap/utilities/_overflow.scss","../../_sass/bootstrap/utilities/_position.scss","../../_sass/bootstrap/utilities/_screenreaders.scss","../../_sass/bootstrap/mixins/_screen-reader.scss","../../_sass/bootstrap/utilities/_shadows.scss","../../_sass/bootstrap/utilities/_sizing.scss","../../_sass/bootstrap/utilities/_spacing.scss","../../_sass/bootstrap/utilities/_stretched-link.scss","../../_sass/bootstrap/utilities/_text.scss","../../_sass/bootstrap/mixins/_text-truncate.scss","../../_sass/bootstrap/mixins/_text-emphasis.scss","../../_sass/bootstrap/mixins/_text-hide.scss","../../_sass/bootstrap/utilities/_visibility.scss","../../_sass/bootstrap/_print.scss","../../_sass/_custom.scss","../../_sass/_dark.scss","../../_sass/bootstrap-dark/_buttons.scss","../../_sass/bootstrap-dark/_variables-alt.scss","../../_sass/bootstrap-dark/_modal.scss","../../_sass/bootstrap-dark/_card.scss","main.scss"],"names":[],"mappings":"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AAA;AAAA;EAIE;;;AASE;AAAA;AAAA;AAAA;EACE;;;AAMN;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIF;EACE;EAEA;;;AAGF;EAME;EAEA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EE9OI;EFgPJ;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;EAEE;;;AAGF;EAKE;EACA;;;AAOF;EACE;;;AAQF;EACE;EACA;;;AAOF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AI5dF;AAAA;EAEE,eHsS4B;EGpS5B,aHsS4B;EGrS5B,aHsS4B;;;AGlS9B;EFqKM;;;AEpKN;EFoKM;;;AEnKN;EFmKM;;;AElKN;EFkKM;;;AEjKN;EFiKM;;;AEhKN;EFgKM;;;AE9JN;EF8JM;EE5JJ,aHwS4B;;;AGpS9B;EFwJM;EEtJJ,aH2R4B;EG1R5B,aHkR4B;;;AGhR9B;EFmJM;EEjJJ,aHuR4B;EGtR5B,aH6Q4B;;;AG3Q9B;EF8IM;EE5IJ,aHmR4B;EGlR5B,aHwQ4B;;;AGtQ9B;EFyIM;EEvIJ,aH+Q4B;EG9Q5B,aHmQ4B;;;AG3P9B;EACE,YHgFO;EG/EP,eH+EO;EG9EP;EACA;;;AAQF;AAAA;EFkGI;EE/FF,aH2N4B;;;AGxN9B;AAAA;EAEE,SHmQ4B;EGlQ5B,kBH2Q4B;;;AGnQ9B;EC/EE;EACA;;;ADmFF;ECpFE;EACA;;;ADsFF;EACE;;AAEA;EACE,cHqP0B;;;AG3O9B;EF2DI;EEzDF;;;AAIF;EACE,eHuBO;EC6CH;;;AEhEN;EACE;EF+CE;EE7CF,OR1ES;;AQ4ET;EACE;;;AEnHJ;ECIE;EAGA;;;ADDF;EACE,SLqgCkC;EKpgClC,kBVdM;EUeN;EEEE;EDPF;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EJ8HI;EI5HF,OVKS;;;Aa5CX;EPmKI;EOjKF,ORmCQ;EQlCR;;AAGA;EACE;;;AAKJ;EACE;EPsJE;EOpJF,ObfM;EagBN,kBb+BS;EY9BP;;ACGF;EACE;EP8IA;EO5IA,aRyQ0B;;;AQnQ9B;EACE;EPqIE;EOnIF,O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;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADQN;EC3DA;EFAE,kBlBsEW;EoBpEb,cpBoEa;;AEhEb;EkBAE;EFNA,kBED2D;EAS3D,cATqG;;AAYvG;EAEE;EFbA,kBED2D;EAgB3D,cAhBqG;EAqBnG;;AAKJ;EAEE;EACA,kBpB0CW;EoBzCX,cpByCW;;AoBlCb;EAGE;EACA,kBAzC+I;EA6C/I,cA7CyL;;AA+CzL;EAKI;;;ADcN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADzBN;ECPA,OpBYa;EoBXb,cpBWa;;AEhEb;EkBwDE,OALgD;EAMhD,kBpBOW;EoBNX,cpBMW;;AoBHb;EAEE;;AAGF;EAEE,OpBJW;EoBKX;;AAGF;EAGE;EACA,kBpBZW;EoBaX,cpBbW;;AoBeX;EAKI;;;ADdR;EACE,anB6M4B;EmB5M5B,OnB2FwC;EmB1FxC,iBvBlFgB;;AMShB;EiB4EE,OnByFsC;EmBxFtC,iBnByFsC;;AmBtFxC;EAEE,iBnBoFsC;;AmBjFxC;EAEE,OxBtDO;EwBuDP;;;AAWJ;ECPE;EnB4EI;EmB1EJ,apB+H4B;EOvN1B;;;AYiGJ;ECXE;EnB4EI;EmB1EJ,apBgI4B;EOxN1B;;;AY0GJ;EACE;EACA;;AAGA;EACE,YnBwT0B;;;AmBhT5B;AAAA;AAAA;EACE;;;AE3IJ;ELgBM,YKfJ;;ALmBI;EKpBN;ILqBQ;;;AKlBN;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;ELDI,YKEJ;;ALEI;EKNN;ILOQ;;;AKDN;EACE;EACA;ELNE,YKOF;;ALHE;EKAJ;ILCM;;;;AMpBR;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;;ACoBE;EACE;EACA,avB+NwB;EuB9NxB,gBvB6NwB;EuB5NxB;EAhCJ;EACA;EACA;EACA;;AAqDE;EACE;;;AD1CN;EACE;EACA;EACA;EACA,StBypBkC;EsBxpBlC;EACA;EACA,WtBiuBkC;EsBhuBlC;EACA;ErB2JI;EqBzJJ,O3BqBS;E2BpBT;EACA;EACA,kB3B7BM;E2B8BN;EACA;EfdE;;;AeuBA;EACE;EACA;;;AAGF;EACE;EACA;;;AXYF;E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hC/BI;EgCgCJ,c3ByN0B;EkBpP1B,kBlBoP0B;;A2BpN5B;EAKI,Y3BgWwB;;A2B5V5B;EACE,c3BsboC;;A2BnbtC;EACE,OhCnDI;EgCoDJ,kB3Bkf4C;E2Bjf5C,c3Bif4C;;A2B1e5C;EACE,OhCjBK;;AgCmBL;EACE,kBhCxBG;;;AgCkCX;EACE;EACA;EAEA;;AAIA;EACE;EACA;EACA;EACA;EACA,O3BwboC;E2BvbpC,Q3BuboC;E2BtbpC;EACA;EACA,kBhC3FI;EgC4FJ;;AAKF;EACE;EACA;EACA;EACA;EACA,O3ByaoC;E2BxapC,Q3BwaoC;E2BvapC;EACA;;;AAUF;EpBlGE;;AoBuGA;EACE;;AAKF;EACE,c3B0HwB;EkBpP1B,kBlBoP0B;;A2BtH1B;EACE;;AAKF;ETpIA,kBlByhB4C;;A2BlZ5C;ETvIA,kBlByhB4C;;;A2BvY9C;EAEE,e3B0Z4C;;A2BtZ5C;EACE;;AAKF;ET9JA,kBlByhB4C;;;A2BhXhD;EACE;;AAGE;EACE;EACA,O3BkY0C;E2BjY1C;EAEA,e3BgY0C;;A2B7X5C;EACE;EACA;EACA,O3B2X0C;E2B1X1C,Q3B0X0C;E2BzX1C,kBhCpJK;EgCsJL,e3BsX0C;EgBxiB1C,YWmLA;;AX/KA;EWuKF;IXtKI;;;AWmLJ;EACE,kBhCxME;EgCyMF;;AAKF;ETzMA,kBlByhB4C;;;A2BnUhD;EACE;EACA;EACA,Q3BqRsC;E2BpRtC;E1B5CI;E0B+CJ,a3B6D4B;E2B5D5B,a3BiE4B;E2BhE5B,OhCvLS;EgCwLT;EACA;EACA;EpBtNE;EoByNF;;AAEA;EACE,c3BwPoC;E2BvPpC;EAKE,Y3BmW8B;;A2BhWhC;EAME,OhC/MK;EgCgNL,kBhC7PE;;AgCiQN;EAEE;EACA,e3B+H0B;E2B9H1B;;AAGF;EACE,OhC7NO;EgC8NP,kBhClOO;;AgCsOT;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE,Q3B0NsC;E2BzNtC,a3BiH4B;E2BhH5B,gB3BgH4B;E2B/G5B,c3BgH4B;EC1NxB;;;A0B8GN;EACE,Q3BmNsC;E2BlNtC,a3B8G4B;E2B7G5B,gB3B6G4B;E2B5G5B,c3B6G4B;EC/NxB;;;A0B2HN;EACE;EACA;EACA;EACA,Q3BiMsC;E2BhMtC;;;AAGF;EACE;EACA;EACA;EACA,Q3ByLsC;E2BxLtC;EACA;EACA;;AAEA;EACE,c3BqKoC;E2BpKpC,Y3ByE0B;;A2BrE5B;EAEE,kBhC/RO;;AgCmSP;EACE,S3B2Ta;;A2BvTjB;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,Q3BwJsC;E2BvJtC;EACA;EAEA,a3BhE4B;E2BiE5B,a3B5D4B;E2B6D5B,OhCpTS;EgCqTT,kBhClWM;EgCmWN;EpBlVE;;AoBsVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,Q3BiIoC;E2BhIpC;EACA,a3B5E0B;E2B6E1B,OhCpUO;EgCqUP;ET7WA,kBvBmCO;EgC4UP;EpBnWA;;;AoB8WJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,Y3BoOe;;A2BnOzC;EAA0B,Y3BmOe;;A2BlOzC;EAA0B,Y3BkOe;;A2B/N3C;EACE;;AAGF;EACE,O3BoNyC;E2BnNzC,Q3BmNyC;E2BlNzC;ETlZA,kBlBoP0B;E2BgK1B,Q3BmNyC;EO3lBzC;ESFE,YW6YF;EACA;;AX1YE;EWiYJ;IXhYM;;;AW2YJ;ET1ZA,kBlB4mByC;;A2B7M3C;EACE,O3B6LgC;E2B5LhC,Q3B6LgC;E2B5LhC;EACA,Q3B4LgC;E2B3LhC,kBhChYO;EgCiYP;EpBzZA;;AoB8ZF;EACE,O3ByLyC;E2BxLzC,Q3BwLyC;EkBpmBzC,kBlBoP0B;E2B0L1B,Q3ByLyC;EO3lBzC;ESFE,YWuaF;EACA;;AXpaE;EW4ZJ;IX3ZM;;;AWqaJ;ETpbA,kBlB4mByC;;A2BnL3C;EACE,O3BmKgC;E2BlKhC,Q3BmKgC;E2BlKhC;EACA,Q3BkKgC;E2BjKhC,kBhC1ZO;EgC2ZP;EpBnbA;;AoBwbF;EACE,O3B+JyC;E2B9JzC,Q3B8JyC;E2B7JzC;EACA,c3BrE0B;E2BsE1B,a3BtE0B;EkBnY1B,kBlBoP0B;E2BuN1B,Q3B4JyC;EO3lBzC;ESFE,YWocF;EACA;;AXjcE;EWsbJ;IXrbM;;;AWkcJ;ETjdA,k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;IAGE;;;;AAcV;EACE,e9B8kBgC;;AWtwBhC;EmBsLJ;IAMI,c9B2lBgC;I8B1lBhC,Y9B2lBgC;I8B1lBhC;IACA;;EAEA;IACE;IACA;;;;AAUN;EACE;;AAEA;EACE;;AAEA;EACE;EvBvOF;EACA;;AuB0OA;EvBzPA;EACA;;AuB4PA;EvBtQA;EuBwQE;;;AC1RN;EACE;EACA;EACA;EACA,e/BqiCkC;E+BniClC;EACA,kBpCkCS;EYvBP;;;AwBLF;EACE,c/ByhCgC;;A+BvhChC;EACE;EACA,e/BqhC8B;E+BphC9B,OpC0BK;EoCzBL;;AAUJ;EACE;;AAGF;EACE;;AAGF;EACE,OpCMO;;;AqC7CX;EACE;E5BGA;EACA;EGaE;;;AyBZJ;EACE;EACA;EACA;EACA;EACA,ahCoxBkC;EgCnxBlC,OhCmKwC;EgClKxC;EACA,kBrCbM;EqCcN;;AAEA;EACE;EACA,OhC8JsC;EgC7JtC;EACA,kBrCoBO;EqCnBP,crCoBO;;AqCjBT;EACE;EACA,ShC4wBgC;EgC3wBhC,YhC+W0B;;;AgCzW1B;EACE;EzBaF;EACA;;AyBTA;EzBNA;EACA;;AyBUF;EACE;EACA,OrC9CI;EqC+CJ,kBhC0M0B;EgCzM1B,chCyM0B;;AgCtM5B;EACE,OrCRO;EqCSP;EAEA;EACA,kBrCxDI;EqCyDJ,crChBO;;;AsCvCT;EACE;EhCgLE;EgC9KF,ajCmO0B;;AiC9NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A0BhCF;EACE;EhCgLE;EgC9KF,ajCoO0B;;AiC/NxB;E1BqCF;EACA;;A0BjCE;E1BkBF;EACA;;;A2B9BJ;EACE;EACA;EjC6JE;EiC3JF,alCwR4B;EkCvR5B;EACA;EACA;EACA;E3BKE;ESFE,YkBDJ;;AlBKI;EkBfN;IlBgBQ;;;AdLN;EgCGI;;;AAKJ;EACE;;;AAKJ;EACE;EACA;;;AAOF;EACE,elCi4BkC;EkCh4BlC,clCg4BkC;EOv5BhC;;;A2BgCF;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ADqCJ;ECjDA;EACA,kBnC0Ea;;AE5Db;EiCVI;EACA;;AAGF;EAEE;EACA;;;ACbN;EACE;EACA,epCyzBkC;EoCvzBlC,kBzCqCS;EYvBP;;AI0CA;EyB5DJ;IAQI;;;;AAIJ;EACE;EACA;E7BIE;;;A8BdJ;EACE;EACA;EACA,erCy9BkC;EqCx9BlC;E9BUE;;;A8BLJ;EAEE;;;AAIF;EACE,arC6Q4B;;;AqCrQ9B;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAUF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ADsCF;EC/CA,ODgDqH;EnB3CnH,kBmB2CuB;EC9CzB,cD8CqE;;AC5CrE;EACE;;AAGF;EACE;;;ACRF;EACE;IAAO;;EACP;IAAK;;;AAIT;EACE;EACA,QvCk+BkC;EuCj+BlC;EACA;EtCwKI;EsCtKJ,kB5C2BS;EYvBP;;;AgCCJ;EACE;EACA;EACA;EACA;EACA,O5CvBM;E4CwBN;EACA;EACA,kBvCu9BkC;EgBl+B9B,YuBYJ;;AvBRI;EuBDN;IvBEQ;;;;AuBUR;ErBYE;EqBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC1CR;EACE;EACA;;;AAGF;EACE;;;ACFF;EACE;EACA;EAGA;EACA;ElCQE;;;AkCEJ;EACE;EACA,O9CwBS;E8CvBT;;AvCPA;EuCWE;EACA,O9CkBO;E8CjBP;EACA,kB9CUO;;A8CPT;EACE,O9CcO;E8CbP,kB9CMO;;;A8CGX;EACE;EACA;EACA;EAEA;EACA,kB9CjDM;E8CkDN;;AAEA;ElC1BE;EACA;;AkC6BF;ElChBE;EACA;;AkCmBF;EAEE,O9ClBO;E8CmBP;EACA,kB9ChEI;;A8CoEN;EACE;EACA,O9CtEI;E8CuEJ,kBzCkL0B;EyCjL1B,czCiL0B;;AyC9K5B;EACE;;AAEA;EACE;EACA,kBzC2JwB;;;AyC7I1B;EACE;;AAGE;ElC1BJ;EAZA;;AkC2CI;ElC3CJ;EAYA;;AkCoCI;EACE;;AAGF;EACE,kBzC0HoB;EyCzHpB;;AAEA;EACE;EACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AWhL1B;E8BmCA;IACE;;EAGE;IlC1BJ;IAZA;;EkC2CI;IlC3CJ;IAYA;;EkCoCI;IACE;;EAGF;IACE,kBzC0HoB;IyCzHpB;;EAEA;IACE;IACA,mBzCqHkB;;;AyCvG9B;ElCnHI;;AkCsHF;EACE;;AAEA;EACE;;;ACzIJ;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;ACrJxE;EACE,ODoJsE;ECnJtE,kBDmJuC;;AvCxIzC;EwCPM,OD+IkE;EC9IlE;;AAGF;EACE,O/CbA;E+CcA,kBDyIkE;ECxIlE,cDwIkE;;;AExJ1E;EACE;E1CmLI;E0CjLJ,a3C8R4B;E2C7R5B;EACA,OhDHM;EgDIN,a3CylCkC;E2CxlClC;;AzCKA;EyCDE,OhDTI;EgDUJ;;AzCIF;EyCCI;;;AAWN;EACE;EACA;EACA;;;AAMF;EACE;;;ACtCF;EAGE,Y5C24BkC;E4C14BlC,W5C04BkC;EC1tB9B;E2C7KJ,kB5C44BkC;E4C34BlC;EACA;EACA,Y5C64BkC;E4C54BlC;ErCOE;;AqCJF;EACE,e5Cg4BgC;;A4C73BlC;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OjDSS;EiDRT,kB5Cq3BkC;E4Cp3BlC;EACA;ErCZE;EACA;;;AqCeJ;EACE,S5Cm2BkC;;;A6Cz4BpC;EAEE;;AAEA;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA,S7C4pBkC;E6C3pBlC;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA,Q7Ci5BkC;E6C/4BlC;;AAGA;E7B3BI,Y6B4BF;EACA,W7Cu6BgC;;AgBh8B9B;E6BuBJ;I7BtBM;;;A6B0BN;EACE,W7Cq6BgC;;A6Cj6BlC;EACE,W7Ck6BgC;;;A6C95BpC;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;EACA;EACA;EACA;EAGA;EACA,kBlDjHM;EkDkHN;EACA;EtClGE;EsCsGF;;;AAIF;EACE;EACA;EACA;EACA,S7CgjBkC;E6C/iBlC;EACA;EACA,kBlDjIM;;AkDoIN;EAAS;;AACT;EAAS,S7C+zByB;;;A6C1zBpC;EACE;EACA;EACA;EACA,S7C6zBkC;E6C5zBlC;EtCtHE;EACA;;AsCwHF;EACE,S7CwzBgC;E6CtzBhC;;;AAKJ;EACE;EACA,a7CuI4B;;;A6ClI9B;EACE;EAGA;EACA,S7C0wBkC;;;A6CtwBpC;EACE;EACA;EACA;EACA;EACA;EACA;EtCzIE;EACA;;AsC8IF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AlCvIE;EkC6IF;IACE,W7CuwBgC;I6CtwBhC;;EAGF;IACE;;EAEA;IACE;;EAIJ;IACE;;EAEA;IACE;IACA;;EAQJ;IAAY,W7C+uBsB;;;AWt5BhC;EkC2KF;AAAA;IAEE,W7CuuBgC;;;AWp5BhC;EkCkLF;IAAY,W7CiuBsB;;;A8C98BpC;EACE;EACA,S9CgrBkC;E8C/qBlC;EACA,Q9C61BkC;E+Cj2BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E6CzKJ;EACA;;AAEA;EAAS,S9Ci1ByB;;A8C/0BlC;EACE;EACA;EACA,O9Ci1BgC;E8Ch1BhC,Q9Ci1BgC;;A8C/0BhC;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,kBnDvBU;;;AmD4BhB;EACE;;AAEA;EACE;EACA,O9CmzBgC;E8ClzBhC,Q9CizBgC;;A8C/yBhC;EACE;EACA;EACA,oBnDvCU;;;AmD4ChB;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA,qBnDrDU;;;AmD0DhB;EACE;;AAEA;EACE;EACA,O9CqxBgC;E8CpxBhC,Q9CmxBgC;;A8CjxBhC;EACE;EACA;EACA,mBnDrEU;;;AmD0FhB;EACE,W9C+uBkC;E8C9uBlC;EACA,OnD7GM;EmD8GN;EACA,kBnD/Fc;EYCZ;;;AyClBJ;EACE;EACA;EACA;EACA,ShD8qBkC;EgD7qBlC;EACA,WhD+2BkC;E+Cp3BlC,a/CoR4B;E+ClR5B;EACA,a/C4R4B;E+C3R5B,a/CgS4B;E+C/R5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E9CqKI;E+CxKJ;EACA,kBrDZM;EqDaN;EACA;EzCGE;;AyCCF;EACE;EACA;EACA,OhD+2BgC;EgD92BhC,QhD+2BgC;EgD92BhC;;AAEA;EAEE;EACA;EACA;EACA;EACA;;;AAKN;EACE,ehDg2BkC;;AgD91BlC;EACE;;AAEA;EACE;EACA;EACA,kBhD21B8B;;AgDx1BhC;EACE,QhD0LwB;EgDzLxB;EACA,kBrDnDE;;;AqDwDR;EACE,ahD40BkC;;AgD10BlC;EACE;EACA,OhDw0BgC;EgDv0BhC,QhDs0BgC;EgDr0BhC;;AAEA;EACE;EACA;EACA,oBhDo0B8B;;AgDj0BhC;EACE,MhDmKwB;EgDlKxB;EACA,oBrD1EE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EF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAgC;;EAChC;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAQF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAfF;IAAwB;;EACxB;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;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AKJ;EACE,kBhFjxBM;EgFkxBN;EACA;EACA;;;AAGF;EACE,kBhFxxBM;EgFyxBN;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA,YhF7vBS;;AgF+vBT;EACE;EACA,kBhFtuBS;EgFuuBT;EACA;EACA;EACA,OhF5yBI;EgF6yBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,YhF9yBS;EgF+yBT;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE,YhFp3BS;EgFq3BT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACA;;EAGA;IACE;;EAGF;IACA;IACA;IACA;IACA;IACA;;;AAQF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAMA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKF;EACE,kBhFjgCS;;AgFmgCT;EACE,kBhFngCO;;AgFsgCT;EACE,kBhFvgCO;;;AgF6gCX;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,OhF5iCW;EgF6iCX;;;AAKF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;;;ACrqCJ;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECCA;IACE,OCgBa;;E5ERb;I2ELE,OCaW;;EDVb;IAEE,YCgL8B;;ED5KhC;IAEE,SCkL8B;;ED9JhC;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDnBN;IzDhCA;IFAE,kB4DqFe;I1DnFjB,c0DmFiB;;E5E/EjB;IkBAE;IFNA,kBED2D;IAS3D,cATqG;;EAYvG;IAEE;IFbA,kBED2D;IAgB3D,cAhBqG;IAqBnG;;EAKJ;IAEE;IACA,kB0DyDe;I1DxDf,c0DwDe;;E1DjDjB;IAGE;IACA,kBAzC+I;IA6C/I,cA7CyL;;EA+CzL;IAKI;;EyDbN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyDpDN;IzDoBA,O0D2BiB;I1D1BjB,c0D0BiB;;E5E/EjB;IkBwDE,OALgD;IAMhD,kB0DsBe;I1DrBf,c0DqBe;;E1DlBjB;IAEE;;EAGF;IAEE,O0DWe;I1DVf;;EAGF;IAGE;IACA,kB0DGe;I1DFf,c0DEe;;E1DAf;IAKI;;EyD3CR;IACE,OCoE4C;;E5E9G5C;I2E6CE,OCkE0C;;ED/D5C;IAEE,OlFjBO;IkFkBP;;EE7DJ;IAEE,kBDqdsC;ICpdtC;;EAKF;IACE,kBDkBa;;ECjBb;IAAS,SDmd6B;;EC/cxC;IACE;;EAIF;IACE;;ECnBF;IACE,kBF+ZsC;IE9ZtC,cF0ZsC;;EEjZxC;IAEE,kBFgZsC;IE/YtC;;EAGF;IAEE,kBF0YsC;IEzYtC;;EJHE;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMI;;EAGJ;IACE,OjFCK;;EiFEP;IACE,OjFoEK;;EiFlEL;IACE,OjFkEG;;EiF9DP;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;;EAIA;IACE;;EAGF;IACE,OjF3CC;;EiFgDP;IACI,kBjF3FA;;EiF8FJ;IACI;;EAGJ;IACI;;EAKJ;IACE;;EAEA;IACE;;EAGF;IACE;;EAIJ;IACI;;EAGJ;IACI;;EAGJ;IACG;;EAGH;IACI;;EAGJ;AAAA;IAEI;;EAGJ;IACE;;;AKrIN;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI","sourcesContent":["/* sarabun-regular - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(\"Sarabun Regular\"), local(\"Sarabun-Regular\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-regular.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-500 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: local(\"Sarabun Medium\"), local(\"Sarabun-Medium\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-500.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-500.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-600 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: local(\"Sarabun SemiBold\"), local(\"Sarabun-SemiBold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-600.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-600.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n\n/* sarabun-700 - latin */\n@font-face {\n  font-family: \"Sarabun\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(\"Sarabun Bold\"), local(\"Sarabun-Bold\"),\n    url(\"../fonts/sarabun/sarabun-v8-latin-700.woff2\") format(\"woff2\"),\n    /* Chrome 26+, Opera 23+, Firefox 39+ */\n      url(\"../fonts/sarabun/sarabun-v8-latin-700.woff\") format(\"woff\"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */\n}\n","// Default colors\n$white: #fff;\n$black: #000;\n\n// Brand palette\n\n$brand-list: (\n  \"primary\": #1b8bf6,\n  \"secondary\": #364ff3,\n  \"lightblue\": #16d0ff,\n  \"green\": #4ad373,\n  \"red\": #ff5353,\n  \"gray\": #f6f6f6,\n  \"dark\": #001937,\n  \"gradient\": #c0e6fb,\n);\n\n$brand-primary: map-get($brand-list, \"primary\");\n$brand-secondary: map-get($brand-list, \"secondary\");\n$brand-lightblue: map-get($brand-list, \"lightblue\");\n$brand-green: map-get($brand-list, \"green\");\n$brand-red: map-get($brand-list, \"red\");\n$brand-gray: map-get($brand-list, \"gray\");\n$brand-dark: map-get($brand-list, \"dark\");\n$brand-gradient: map-get($brand-list, \"gradient\");\n\n//  Gray\n\n$gray-list: (\n  \"100\": #f7fafc,\n  \"200\": #edf2f7,\n  \"300\": #e2e8f0,\n  \"400\": #cbd5e0,\n  \"500\": #a0aec0,\n  \"600\": #718096,\n  \"700\": #4a5568,\n  \"800\": #2d3748,\n  \"900\": #1a202c,\n);\n\n$gray-100: map-get($gray-list, \"100\");\n$gray-200: map-get($gray-list, \"200\");\n$gray-300: map-get($gray-list, \"300\");\n$gray-400: map-get($gray-list, \"400\");\n$gray-500: map-get($gray-list, \"500\");\n$gray-600: map-get($gray-list, \"600\");\n$gray-700: map-get($gray-list, \"700\");\n$gray-800: map-get($gray-list, \"800\");\n$gray-900: map-get($gray-list, \"900\");\n\n//  Orange\n\n$orange-list: (\n  \"100\": #fffaf0,\n  \"200\": #feebc8,\n  \"300\": #fbd38d,\n  \"400\": #f6ad55,\n  \"500\": #ed8936,\n  \"600\": #dd6b20,\n  \"700\": #c05621,\n  \"800\": #9c4221,\n  \"900\": #7b341e,\n);\n\n$orange-100: map-get($orange-list, \"100\");\n$orange-200: map-get($orange-list, \"200\");\n$orange-300: map-get($orange-list, \"300\");\n$orange-400: map-get($orange-list, \"400\");\n$orange-500: map-get($orange-list, \"500\");\n$orange-600: map-get($orange-list, \"600\");\n$orange-700: map-get($orange-list, \"700\");\n$orange-800: map-get($orange-list, \"800\");\n$orange-900: map-get($orange-list, \"900\");\n\n//  Green\n\n$green-list: (\n  \"100\": #f0fff4,\n  \"200\": #c6f6d5,\n  \"300\": #9ae6b4,\n  \"400\": #68d391,\n  \"500\": #48bb78,\n  \"600\": #38a169,\n  \"700\": #2f855a,\n  \"800\": #276749,\n  \"900\": #22543d,\n);\n\n$green-100: map-get($green-list, \"100\");\n$green-200: map-get($green-list, \"200\");\n$green-300: map-get($green-list, \"300\");\n$green-400: map-get($green-list, \"400\");\n$green-500: map-get($green-list, \"500\");\n$green-600: map-get($green-list, \"600\");\n$green-700: map-get($green-list, \"700\");\n$green-800: map-get($green-list, \"800\");\n$green-900: map-get($green-list, \"900\");\n\n// Teal\n\n$teal-list: (\n  \"100\": #e6fffa,\n  \"200\": #b2f5ea,\n  \"300\": #81e6d9,\n  \"400\": #4fd1c5,\n  \"500\": #38b2ac,\n  \"600\": #319795,\n  \"700\": #2c7a7b,\n  \"800\": #285e61,\n  \"900\": #234e52,\n);\n\n$teal-100: map-get($teal-list, \"100\");\n$teal-200: map-get($teal-list, \"200\");\n$teal-300: map-get($teal-list, \"300\");\n$teal-400: map-get($teal-list, \"400\");\n$teal-500: map-get($teal-list, \"500\");\n$teal-600: map-get($teal-list, \"600\");\n$teal-700: map-get($teal-list, \"700\");\n$teal-800: map-get($teal-list, \"800\");\n$teal-900: map-get($teal-list, \"900\");\n\n// Dynamic background and color classes creation\n\n@each $value in $brand-list {\n  .background-brand-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-brand-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $gray-list {\n  .background-gray-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-gray-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $orange-list {\n  .background-orange-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-orange-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $green-list {\n  .background-green-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-green-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n\n@each $value in $teal-list {\n  .background-teal-#{nth($value, 1)} {\n    background-color: nth($value, 2) !important;\n  }\n  .color-teal-#{nth($value, 1)} {\n    color: nth($value, 2) !important;\n  }\n}\n","// Customize default style definitions of Bootstrap.\n@import 'colors';\n\n$link-decoration: underline;\n\n$card-bg: $gray-100;\n\n$card-border-width: 0;\n\n$container-max-widths: (\n        sm: 540px,\n        md: 720px,\n        lg: 960px,\n        xl: 1360px\n);\n\n$grid-breakpoints: (\n        xs: 0,\n        sm: 576px,\n        md: 768px,\n        lg: 992px,\n        xl: 1400px\n);\n\n:root {\n  --bs-secondary-color:  #{$gray-900};\n  --bs-tertiary-bg:  #{$gray-100};\n}\n","/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.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'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $brand-primary;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == \"disable\" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == \"enable\" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// stylelint-disable selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1, .h1 { @include font-size($h1-font-size); }\nh2, .h2 { @include font-size($h2-font-size); }\nh3, .h3 { @include font-size($h3-font-size); }\nh4, .h4 { @include font-size($h4-font-size); }\nh5, .h5 { @include font-size($h5-font-size); }\nh6, .h6 { @include font-size($h6-font-size); }\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n  @include font-size($display1-size);\n  font-weight: $display1-weight;\n  line-height: $display-line-height;\n}\n.display-2 {\n  @include font-size($display2-size);\n  font-weight: $display2-weight;\n  line-height: $display-line-height;\n}\n.display-3 {\n  @include font-size($display3-size);\n  font-weight: $display3-weight;\n  line-height: $display-line-height;\n}\n.display-4 {\n  @include font-size($display4-size);\n  font-weight: $display4-weight;\n  line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n  margin-top: $hr-margin-y;\n  margin-bottom: $hr-margin-y;\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n  @include font-size($small-font-size);\n  font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size(90%);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $spacer;\n  @include font-size($blockquote-font-size);\n}\n\n.blockquote-footer {\n  display: block;\n  @include font-size($blockquote-small-font-size);\n  color: $blockquote-small-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled() {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid() {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n  background-image: url($file-1x);\n\n  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n  // but doesn't convert dppx=>dpi.\n  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n  // Compatibility info: https://caniuse.com/css-media-resolution\n  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n    only screen and (min-resolution: 2dppx) { // Standardized\n    background-image: url($file-2x);\n    background-size: $width-1x $height-1x;\n  }\n  @include deprecate(\"`img-retina()`\", \"v4.3.0\", \"v5\");\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n","// Inline code\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\n// User input typically entered via keyboard\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n  @include box-shadow($kbd-box-shadow);\n\n  kbd {\n    padding: 0;\n    @include font-size(100%);\n    font-weight: $nested-kbd-font-weight;\n    @include box-shadow(none);\n  }\n}\n\n// Blocks of code\npre {\n  display: block;\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: $pre-scrollable-max-height;\n  overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*=\"col-\"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus($ignore-warning: true);\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n  &.form-control {\n    appearance: none; // Fix appearance for date inputs in Safari\n  }\n}\n\nselect.form-control {\n  // Remove select outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $input-color;\n  }\n\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  @include font-size($input-font-size);\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width * .5;\n  margin-left: -$form-grid-gutter-width * .5;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width * .5;\n    padding-left: $form-grid-gutter-width * .5;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .form-check-label,\n  &:disabled ~ .form-check-label {\n    color: $text-muted;\n  }\n}\n\n.form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .form-check-input defaults and add some `margin-right`.\n  .form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.form-group`\n    .form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus($ignore-warning: false) {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n  @include deprecate(\"The `form-control-focus()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n\n    // See https://github.com/twbs/bootstrap/pull/31557\n    // Align tooltip to form elements\n    .form-row > .col > &,\n    .form-row > [class*=\"col-\"] > & {\n      left: $form-grid-gutter-width * .5;\n    }\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner !important; // stylelint-disable-line declaration-no-important\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  select.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-padding-x * 4 !important; // stylelint-disable-line declaration-no-important\n        background-position: right $input-padding-x * 2 center;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .custom-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right !important; // stylelint-disable-line declaration-no-important\n        background: $custom-select-background, $custom-select-bg escape-svg($icon) $custom-select-feedback-icon-position / $custom-select-feedback-icon-size no-repeat;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      ~ .form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .custom-control-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      &:checked {\n        ~ .custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .custom-file-input {\n    @include form-validation-state-selector($state) {\n      ~ .custom-file-label {\n        border-color: $color;\n      }\n\n      &:focus {\n        ~ .custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n  @include transition($btn-transition);\n\n  @include hover() {\n    color: $body-color;\n    text-decoration: none;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n\n  &:not(:disabled):not(.disabled) {\n    cursor: if($enable-pointer-cursor-for-buttons, pointer, null);\n\n    &:active,\n    &.active {\n      @include box-shadow($btn-active-box-shadow);\n\n      &:focus {\n        @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n      }\n    }\n  }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n  pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus,\n  &.focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n    pointer-events: none;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n  display: block;\n  width: 100%;\n\n  // Vertically space out multiple block buttons\n  + .btn-block {\n    margin-top: $btn-block-spacing-y;\n  }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n  color: color-yiq($background);\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  @include hover() {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  &:focus,\n  &.focus {\n    color: color-yiq($hover-background);\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n    }\n  }\n\n  // Disabled comes first so active can properly restyle\n  &.disabled,\n  &:disabled {\n    color: color-yiq($background);\n    background-color: $background;\n    border-color: $border;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    @if $enable-gradients {\n      background-image: none; // Remove the gradient for the pressed/active state\n    }\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n      }\n    }\n  }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n  color: $color;\n  border-color: $color;\n\n  @include hover() {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $color;\n    background-color: transparent;\n  }\n\n  &:not(:disabled):not(.disabled):active,\n  &:not(:disabled):not(.disabled).active,\n  .show > &.dropdown-toggle {\n    color: color-yiq($active-background);\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows and $btn-active-box-shadow != none {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  line-height: $line-height;\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.width {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n","@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate(\"The `nav-divider()` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n\n    // Bring the hover, focused, and \"active\" buttons to the front to overlay\n    // the borders properly\n    @include hover() {\n      z-index: 1;\n    }\n    &:focus,\n    &:active,\n    &.active {\n      z-index: 1;\n    }\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-right-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-left-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropright &::after {\n    margin-left: 0;\n  }\n\n  .dropleft &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n  > .btn,\n  > .btn-group > .btn {\n    margin-bottom: 0; // Override default `<label>` value\n\n    input[type=\"radio\"],\n    input[type=\"checkbox\"] {\n      position: absolute;\n      clip: rect(0, 0, 0, 0);\n      pointer-events: none;\n    }\n  }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-control-plaintext,\n  > .custom-select,\n  > .custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n    margin-bottom: 0;\n\n    + .form-control,\n    + .custom-select,\n    + .custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .custom-select:focus,\n  > .custom-file .custom-file-input:focus ~ .custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .custom-file .custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .form-control,\n  > .custom-select {\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .custom-file-label,\n    &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .custom-file-label { @include border-left-radius(0); }\n  }\n\n  &:not(.has-validation) {\n    > .form-control:not(:last-child),\n    > .custom-select:not(:last-child),\n    > .custom-file:not(:last-child) .custom-file-label,\n    > .custom-file:not(:last-child) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > .form-control:nth-last-child(n + 3),\n    > .custom-select:nth-last-child(n + 3),\n    > .custom-file:nth-last-child(n + 3) .custom-file-label,\n    > .custom-file:nth-last-child(n + 3) .custom-file-label::after {\n      @include border-right-radius(0);\n    }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .btn + .btn,\n  .btn + .input-group-text,\n  .input-group-text + .input-group-text,\n  .input-group-text + .btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: $input-height-lg;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: $input-height-sm;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,\n.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,\n.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n  position: relative;\n  z-index: 1;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n  print-color-adjust: exact; // Keep themed appearance for print\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n  position: absolute;\n  left: 0;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  width: $custom-control-indicator-size;\n  height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * .5;\n  opacity: 0;\n\n  &:checked ~ .custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $custom-control-indicator-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  color: $custom-control-label-color;\n  vertical-align: top;\n  cursor: $custom-control-cursor;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * .5;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: 50% / #{$custom-control-indicator-bg-size} no-repeat;\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n  .custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:indeterminate ~ .custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n    &:indeterminate ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n  .custom-control-label::before {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-image: escape-svg($custom-radio-indicator-icon-checked);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) * .5, $custom-control-indicator-border-width * 2);\n      left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-disallowed-list\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .custom-control-input:checked ~ .custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before {\n      @include gradient-bg($custom-control-indicator-checked-disabled-bg);\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-bg $custom-select-background;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($custom-select-box-shadow, $custom-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $custom-select-color;\n  }\n}\n\n.custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n\n  &:focus ~ .custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247\n  &[disabled] ~ .custom-file-label,\n  &:disabled ~ .custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  overflow: hidden;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.custom-range {\n  width: 100%;\n  height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height * .5;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  @include transition($custom-forms-transition);\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  text-decoration: if($link-decoration == none, null, none);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background-color: transparent;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    @include hover-focus() {\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n      border-color: $nav-tabs-link-hover-border-color;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    background-color: $nav-pills-link-active-bg;\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding: $navbar-padding-y $navbar-padding-x;\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .container,\n  .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  display: inline-block;\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-padding-x;\n  @include font-size($navbar-brand-font-size);\n  line-height: inherit;\n  white-space: nowrap;\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n    float: none;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  display: inline-block;\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n\n  @include hover-focus() {\n    text-decoration: none;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  content: \"\";\n  background: 50% / 100% 100% no-repeat;\n}\n\n.navbar-nav-scroll {\n  max-height: $navbar-nav-scroll-max-height;\n  overflow-y: auto;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        %container-navbar-expand-#{$breakpoint} {\n          padding-right: 0;\n          padding-left: 0;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-navbar-expand-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-navbar-expand-#{$breakpoint};\n          }\n        }\n      }\n\n      @include media-breakpoint-up($next) {\n        flex-flow: row nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        // For nesting containers, have to redeclare for alignment purposes\n        %container-nesting-#{$breakpoint} {\n          flex-wrap: nowrap;\n        }\n\n        > .container,\n        > .container-fluid {\n          @extend %container-nesting-#{$breakpoint};\n        }\n\n        @each $size, $container-max-width in $container-max-widths {\n          > .container#{breakpoint-infix($size, $container-max-widths)} {\n            @extend %container-nesting-#{$breakpoint};\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n\n          // Changes flex-bases to auto because of an IE10 bug\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n      }\n    }\n  }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      @include hover-focus() {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n    a {\n      color: $navbar-light-active-color;\n\n      @include hover-focus() {\n        color: $navbar-light-active-color;\n      }\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    @include hover-focus() {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .active > .nav-link,\n    .nav-link.show,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a {\n      color: $navbar-dark-active-color;\n\n      @include hover-focus() {\n        color: $navbar-dark-active-color;\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  // Workaround for the image size bug in IE\n  // See: https://github.com/twbs/bootstrap/pull/28855\n  min-height: 1px;\n  padding: $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  @include hover() {\n    text-decoration: none;\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-spacer-y $card-spacer-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-spacer-x * .5;\n  margin-bottom: -$card-spacer-y;\n  margin-left: -$card-spacer-x * .5;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -$card-spacer-x * .5;\n  margin-left: -$card-spacer-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n  .card {\n    margin-bottom: $card-deck-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    margin-right: -$card-deck-margin;\n    margin-left: -$card-deck-margin;\n\n    .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-right: $card-deck-margin;\n      margin-bottom: 0; // Override the default\n      margin-left: $card-deck-margin;\n    }\n  }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-right-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-left-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n  .card {\n    margin-bottom: $card-columns-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    column-count: $card-columns-count;\n    column-gap: $card-columns-gap;\n    orphans: 1;\n    widows: 1;\n\n    .card {\n      display: inline-block; // Don't let them vertically span multiple columns\n      width: 100%; // Don't let their width change\n    }\n  }\n}\n\n\n//\n// Accordion\n//\n\n.accordion {\n  overflow-anchor: none;\n\n  > .card {\n    overflow: hidden;\n\n    &:not(:last-of-type) {\n      border-bottom: 0;\n      @include border-bottom-radius(0);\n    }\n\n    &:not(:first-of-type) {\n      @include border-top-radius(0);\n    }\n\n    > .card-header {\n      @include border-radius(0);\n      margin-bottom: -$card-border-width;\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding;\n      color: $breadcrumb-divider-color;\n      content: escape-svg($breadcrumb-divider);\n    }\n  }\n\n  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n  // without `<ul>`s. The `::before` pseudo-element generates an element\n  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n  //\n  // To trick IE into suppressing the underline, we give the pseudo-element an\n  // underline and then immediately remove it.\n  + .breadcrumb-item:hover::before {\n    text-decoration: underline;\n  }\n  // stylelint-disable-next-line no-duplicate-selectors\n  + .breadcrumb-item:hover::before {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n  @include border-radius();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  padding: $pagination-padding-y $pagination-padding-x;\n  margin-left: -$pagination-border-width;\n  line-height: $pagination-line-height;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: none;\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:first-child {\n    .page-link {\n      margin-left: 0;\n      @include border-left-radius($border-radius);\n    }\n  }\n  &:last-child {\n    .page-link {\n      @include border-right-radius($border-radius);\n    }\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    background-color: $pagination-active-bg;\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    // Opinionated: remove the \"hand\" cursor set previously for .page-link\n    cursor: auto;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n    line-height: $line-height;\n  }\n\n  .page-item {\n    &:first-child {\n      .page-link {\n        @include border-left-radius($border-radius);\n      }\n    }\n    &:last-child {\n      .page-link {\n        @include border-right-radius($border-radius);\n      }\n    }\n  }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include transition($badge-transition);\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      text-decoration: none;\n    }\n  }\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n  padding-right: $badge-pill-padding-x;\n  padding-left: $badge-pill-padding-x;\n  @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n  .badge-#{$color} {\n    @include badge-variant($value);\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus() {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n",".jumbotron {\n  padding: $jumbotron-padding ($jumbotron-padding * .5);\n  margin-bottom: $jumbotron-padding;\n  color: $jumbotron-color;\n  background-color: $jumbotron-bg;\n  @include border-radius($border-radius-lg);\n\n  @include media-breakpoint-up(sm) {\n    padding: ($jumbotron-padding * 2) $jumbotron-padding;\n  }\n}\n\n.jumbotron-fluid {\n  padding-right: 0;\n  padding-left: 0;\n  @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $close-font-size + $alert-padding-x * 2;\n\n  // Adjust close link position\n  .close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    padding: $alert-padding-y $alert-padding-x;\n    color: inherit;\n  }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n  .alert-#{$color} {\n    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n  }\n}\n","@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  hr {\n    border-top-color: darken($border, 5%);\n  }\n\n  .alert-link {\n    color: darken($color, 10%);\n  }\n}\n","// Disable animation if transitions are disabled\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    from { background-position: $progress-height 0; }\n    to { background-position: 0 0; }\n  }\n}\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  line-height: 0;\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-prefers-reduced-motion-media-query {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n",".media {\n  display: flex;\n  align-items: flex-start;\n}\n\n.media-body {\n  flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  @include hover-focus() {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-left-radius($list-group-border-radius);\n          @include border-top-right-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-right-radius($list-group-border-radius);\n          @include border-bottom-left-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      @include hover-focus() {\n        color: $color;\n        background-color: darken($background, 5%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n",".close {\n  float: right;\n  @include font-size($close-font-size);\n  font-weight: $close-font-weight;\n  line-height: 1;\n  color: $close-color;\n  text-shadow: $close-text-shadow;\n  opacity: .5;\n\n  // Override <a>'s hover style\n  @include hover() {\n    color: $close-color;\n    text-decoration: none;\n  }\n\n  &:not(:disabled):not(.disabled) {\n    @include hover-focus() {\n      opacity: .75;\n    }\n  }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n  padding: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n  pointer-events: none;\n}\n",".toast {\n  // Prevents from shrinking in IE11, when in a flex container\n  // See https://github.com/twbs/bootstrap/issues/28341\n  flex-basis: $toast-max-width;\n  max-width: $toast-max-width;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  opacity: 0;\n  @include border-radius($toast-border-radius);\n\n  &:not(:last-child) {\n    margin-bottom: $toast-padding-x;\n  }\n\n  &.showing {\n    opacity: 1;\n  }\n\n  &.show {\n    display: block;\n    opacity: 1;\n  }\n\n  &.hide {\n    display: none;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n.modal-open {\n  // Kill the scroll on the body\n  overflow: hidden;\n\n  .modal {\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  display: flex; // IE10/11\n  max-height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11\n    overflow: hidden;\n  }\n\n  .modal-header,\n  .modal-footer {\n    flex-shrink: 0;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n\n  // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n  &::before {\n    display: block; // IE10\n    height: subtract(100vh, $modal-dialog-margin * 2);\n    height: min-content; // Reset height to 0 except on IE\n    content: \"\";\n  }\n\n  // Ensure `.modal-body` shows scrollbar (IE10/11)\n  &.modal-dialog-scrollable {\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n\n    .modal-content {\n      max-height: none;\n    }\n\n    &::before {\n      content: none;\n    }\n  }\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal-backdrop;\n  width: 100vw;\n  height: 100vh;\n  background-color: $modal-backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  align-items: flex-start; // so the close btn always stays on the upper right corner\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .close {\n    padding: $modal-header-padding;\n    // auto on the left force icon to the right even when there is no .modal-title\n    margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n  position: absolute;\n  top: -9999px;\n  width: 50px;\n  height: 50px;\n  overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    .modal-content {\n      max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n    }\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n\n    &::before {\n      height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);\n      height: min-content;\n    }\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    bottom: 0;\n\n    &::before {\n      top: 0;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-right {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .arrow {\n    top: 0;\n\n    &::before {\n      bottom: 0;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-left {\n  padding: 0 $tooltip-arrow-height;\n\n  .arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-tooltip-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-tooltip-left;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text() {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  white-space: normal;\n  word-spacing: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n    margin: 0 $popover-border-radius;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  margin-bottom: $popover-arrow-height;\n\n  > .arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-right {\n  margin-left: $popover-arrow-height;\n\n  > .arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  margin-top: $popover-arrow-height;\n\n  > .arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-left {\n  margin-right: $popover-arrow-height;\n\n  > .arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[x-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[x-placement^=\"right\"] {\n    @extend .bs-popover-right;\n  }\n  &[x-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[x-placement^=\"left\"] {\n    @extend .bs-popover-left;\n  }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-left and .carousel-item-right is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-left and .active.carousel-item-right is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n.carousel-item-next:not(.carousel-item-left),\n.active.carousel-item-right {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-right),\n.active.carousel-item-left {\n  transform: translateX(-100%);\n}\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-left,\n  .carousel-item-prev.carousel-item-right {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-left,\n  .active.carousel-item-right {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  @include hover-focus() {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n.carousel-control-next {\n  right: 0;\n  @if $enable-gradients {\n    background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));\n  }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background: 50% / 100% 100% no-repeat;\n}\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 15;\n  display: flex;\n  justify-content: center;\n  padding-left: 0; // override <ol> default\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  li {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: .5;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: 1;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: 20px;\n  left: (100% - $carousel-caption-width) * .5;\n  z-index: 10;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","//\n// Rotating border\n//\n\n@keyframes spinner-border {\n  to { transform: rotate(360deg); }\n}\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentcolor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: .75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentcolor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: .75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-prefers-reduced-motion-media-query {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: 1.5s;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline    { vertical-align: baseline !important; } // Browser default\n.align-top         { vertical-align: top !important; }\n.align-middle      { vertical-align: middle !important; }\n.align-bottom      { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top    { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background-color: $color !important;\n  }\n  a#{$parent},\n  button#{$parent} {\n    @include hover-focus() {\n      background-color: darken($color, 10%) !important;\n    }\n  }\n  @include deprecate(\"The `bg-variant` mixin\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n\n@mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n  }\n  @include deprecate(\"The `bg-gradient-variant` mixin\", \"v4.5.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n  @include bg-variant(\".bg-#{$color}\", $value, true);\n}\n\n@if $enable-gradients {\n  @each $color, $value in $theme-colors {\n    @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value, true);\n  }\n}\n\n.bg-white {\n  background-color: $white !important;\n}\n\n.bg-transparent {\n  background-color: transparent !important;\n}\n","// stylelint-disable property-disallowed-list, declaration-no-important\n\n//\n// Border\n//\n\n.border         { border: $border-width solid $border-color !important; }\n.border-top     { border-top: $border-width solid $border-color !important; }\n.border-right   { border-right: $border-width solid $border-color !important; }\n.border-bottom  { border-bottom: $border-width solid $border-color !important; }\n.border-left    { border-left: $border-width solid $border-color !important; }\n\n.border-0        { border: 0 !important; }\n.border-top-0    { border-top: 0 !important; }\n.border-right-0  { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0   { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n  .border-#{$color} {\n    border-color: $value !important;\n  }\n}\n\n.border-white {\n  border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded-sm {\n  border-radius: $border-radius-sm !important;\n}\n\n.rounded {\n  border-radius: $border-radius !important;\n}\n\n.rounded-top {\n  border-top-left-radius: $border-radius !important;\n  border-top-right-radius: $border-radius !important;\n}\n\n.rounded-right {\n  border-top-right-radius: $border-radius !important;\n  border-bottom-right-radius: $border-radius !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-left {\n  border-top-left-radius: $border-radius !important;\n  border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-lg {\n  border-radius: $border-radius-lg !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: $rounded-pill !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $value in $displays {\n      .d#{$infix}-#{$value} { display: $value !important; }\n    }\n  }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n  @each $value in $displays {\n    .d-print-#{$value} { display: $value !important; }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n\n  &::before {\n    display: block;\n    content: \"\";\n  }\n\n  .embed-responsive-item,\n  iframe,\n  embed,\n  object,\n  video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n}\n\n@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {\n  $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);\n  $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);\n\n  .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {\n    &::before {\n      padding-top: percentage(divide($embed-responsive-aspect-ratio-y, $embed-responsive-aspect-ratio-x));\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .flex#{$infix}-row            { flex-direction: row !important; }\n    .flex#{$infix}-column         { flex-direction: column !important; }\n    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }\n    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }\n    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }\n    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n    .flex#{$infix}-fill         { flex: 1 1 auto !important; }\n    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }\n    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }\n    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }\n    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }\n\n    .justify-content#{$infix}-start   { justify-content: flex-start !important; }\n    .justify-content#{$infix}-end     { justify-content: flex-end !important; }\n    .justify-content#{$infix}-center  { justify-content: center !important; }\n    .justify-content#{$infix}-between { justify-content: space-between !important; }\n    .justify-content#{$infix}-around  { justify-content: space-around !important; }\n\n    .align-items#{$infix}-start    { align-items: flex-start !important; }\n    .align-items#{$infix}-end      { align-items: flex-end !important; }\n    .align-items#{$infix}-center   { align-items: center !important; }\n    .align-items#{$infix}-baseline { align-items: baseline !important; }\n    .align-items#{$infix}-stretch  { align-items: stretch !important; }\n\n    .align-content#{$infix}-start   { align-content: flex-start !important; }\n    .align-content#{$infix}-end     { align-content: flex-end !important; }\n    .align-content#{$infix}-center  { align-content: center !important; }\n    .align-content#{$infix}-between { align-content: space-between !important; }\n    .align-content#{$infix}-around  { align-content: space-around !important; }\n    .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n    .align-self#{$infix}-auto     { align-self: auto !important; }\n    .align-self#{$infix}-start    { align-self: flex-start !important; }\n    .align-self#{$infix}-end      { align-self: flex-end !important; }\n    .align-self#{$infix}-center   { align-self: center !important; }\n    .align-self#{$infix}-baseline { align-self: baseline !important; }\n    .align-self#{$infix}-stretch  { align-self: stretch !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .float#{$infix}-left  { float: left !important; }\n    .float#{$infix}-right { float: right !important; }\n    .float#{$infix}-none  { float: none !important; }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $user-selects {\n  .user-select-#{$value} { user-select: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n@each $value in $overflows {\n  .overflow-#{$value} { overflow: $value !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n@each $position in $positions {\n  .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.sticky-top {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 0;\n    z-index: $zindex-sticky;\n  }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n  @include sr-only();\n}\n\n.sr-only-focusable {\n  @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only() {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable() {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shadow: $box-shadow !important; }\n.shadow-lg { box-shadow: $box-shadow-lg !important; }\n.shadow-none { box-shadow: none !important; }\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n  @each $size, $length in $sizes {\n    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n  }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n\n// Viewport additional helpers\n\n.min-vw-100 { min-width: 100vw !important; }\n.min-vh-100 { min-height: 100vh !important; }\n\n.vw-100 { width: 100vw !important; }\n.vh-100 { height: 100vh !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @each $prop, $abbrev in (margin: m, padding: p) {\n      @each $size, $length in $spacers {\n        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n        .#{$abbrev}t#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-top: $length !important;\n        }\n        .#{$abbrev}r#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-right: $length !important;\n        }\n        .#{$abbrev}b#{$infix}-#{$size},\n        .#{$abbrev}y#{$infix}-#{$size} {\n          #{$prop}-bottom: $length !important;\n        }\n        .#{$abbrev}l#{$infix}-#{$size},\n        .#{$abbrev}x#{$infix}-#{$size} {\n          #{$prop}-left: $length !important;\n        }\n      }\n    }\n\n    // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)\n    @each $size, $length in $spacers {\n      @if \"#{$size}\" != \"0\" {\n        .m#{$infix}-n#{$size} { margin: -$length !important; }\n        .mt#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-top: -$length !important;\n        }\n        .mr#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-right: -$length !important;\n        }\n        .mb#{$infix}-n#{$size},\n        .my#{$infix}-n#{$size} {\n          margin-bottom: -$length !important;\n        }\n        .ml#{$infix}-n#{$size},\n        .mx#{$infix}-n#{$size} {\n          margin-left: -$length !important;\n        }\n      }\n    }\n\n    // Some special margin utils\n    .m#{$infix}-auto { margin: auto !important; }\n    .mt#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-top: auto !important;\n    }\n    .mr#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-right: auto !important;\n    }\n    .mb#{$infix}-auto,\n    .my#{$infix}-auto {\n      margin-bottom: auto !important;\n    }\n    .ml#{$infix}-auto,\n    .mx#{$infix}-auto {\n      margin-left: auto !important;\n    }\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n    // Just in case `pointer-events: none` is set on a parent\n    pointer-events: auto;\n    content: \"\";\n    // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace !important; }\n\n// Alignment\n\n.text-justify  { text-align: justify !important; }\n.text-wrap     { white-space: normal !important; }\n.text-nowrap   { white-space: nowrap !important; }\n.text-truncate { @include text-truncate(); }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .text#{$infix}-left   { text-align: left !important; }\n    .text#{$infix}-right  { text-align: right !important; }\n    .text#{$infix}-center { text-align: center !important; }\n  }\n}\n\n// Transformation\n\n.text-lowercase  { text-transform: lowercase !important; }\n.text-uppercase  { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light   { font-weight: $font-weight-light !important; }\n.font-weight-lighter { font-weight: $font-weight-lighter !important; }\n.font-weight-normal  { font-weight: $font-weight-normal !important; }\n.font-weight-bold    { font-weight: $font-weight-bold !important; }\n.font-weight-bolder  { font-weight: $font-weight-bolder !important; }\n.font-italic         { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: $white !important; }\n\n@each $color, $value in $theme-colors {\n  @include text-emphasis-variant(\".text-#{$color}\", $value, true);\n}\n\n.text-body { color: $body-color !important; }\n.text-muted { color: $text-muted !important; }\n\n.text-black-50 { color: rgba($black, .5) !important; }\n.text-white-50 { color: rgba($white, .5) !important; }\n\n// Misc\n\n.text-hide {\n  @include text-hide($ignore-warning: true);\n}\n\n.text-decoration-none { text-decoration: none !important; }\n\n.text-break {\n  word-break: break-word !important; // Deprecated, but avoids issues with flex containers\n  word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy\n}\n\n// Reset\n\n.text-reset { color: inherit !important; }\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n    color: $color !important;\n  }\n  @if $emphasized-link-hover-darken-percentage != 0 {\n    a#{$parent} {\n      @include hover-focus() {\n        color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n      }\n    }\n  }\n  @include deprecate(\"`text-emphasis-variant()`\", \"v4.4.0\", \"v5\", $ignore-warning);\n}\n","// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n  font: 0/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n\n  @include deprecate(\"`text-hide()`\", \"v4.1.0\", \"v5\", $ignore-warning);\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Visibility utilities\n//\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// https://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n  @media print {\n    *,\n    *::before,\n    *::after {\n      // Bootstrap specific; comment out `color` and `background`\n      //color: $black !important; // Black prints faster\n      text-shadow: none !important;\n      //background: transparent !important;\n      box-shadow: none !important;\n    }\n\n    a {\n      &:not(.btn) {\n        text-decoration: underline;\n      }\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //a[href]::after {\n    //  content: \" (\" attr(href) \")\";\n    //}\n\n    abbr[title]::after {\n      content: \" (\" attr(title) \")\";\n    }\n\n    // Bootstrap specific; comment the following selector out\n    //\n    // Don't show links that are fragment identifiers,\n    // or use the `javascript:` pseudo protocol\n    //\n\n    //a[href^=\"#\"]::after,\n    //a[href^=\"javascript:\"]::after {\n    // content: \"\";\n    //}\n\n    pre {\n      white-space: pre-wrap !important;\n    }\n    pre,\n    blockquote {\n      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px\n      page-break-inside: avoid;\n    }\n\n    tr,\n    img {\n      page-break-inside: avoid;\n    }\n\n    p,\n    h2,\n    h3 {\n      orphans: 3;\n      widows: 3;\n    }\n\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n\n    // Bootstrap specific changes start\n\n    // Specify a size and min-width to make printing closer across browsers.\n    // We don't set margin here because it breaks `size` in Chrome. We also\n    // don't use `!important` on `size` as it breaks in Chrome.\n    @page {\n      size: $print-page-size;\n    }\n    body {\n      min-width: $print-body-min-width !important;\n    }\n    .container {\n      min-width: $print-body-min-width !important;\n    }\n\n    // Bootstrap components\n    .navbar {\n      display: none;\n    }\n    .badge {\n      border: $border-width solid $black;\n    }\n\n    .table {\n      border-collapse: collapse !important;\n\n      td,\n      th {\n        background-color: $white !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $gray-300 !important;\n      }\n    }\n\n    .table-dark {\n      color: inherit;\n\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $table-border-color;\n      }\n    }\n\n    .table .thead-dark th {\n      color: inherit;\n      border-color: $table-border-color;\n    }\n\n    // Bootstrap specific changes end\n  }\n}\n","// Mock bootstrap 5 classes\n\n.bg-body-tertiary {\n  background-color: var(--bs-tertiary-bg);\n}\n\n// Smooth Scrolling\n\nhtml {\n  scroll-behavior: smooth;\n  height: 100%;\n}\n\n// Body\n\nbody {\n  font-family: \"Sarabun\", sans-serif;\n  line-height: 1.6;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.content {\n  flex: 1 0 auto;\n}\n\n// Navbar\n\n#mainlogo {\n  max-width: 100%;\n}\n\n.fixed {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navbar {\n  padding: 0;\n}\n\n.nav-item {\n  border-radius: 10px;\n  padding: 0px 1px;\n  transition: 0.25s ease-in-out;\n\n  &.active {\n    background-color: $gray-300;\n  }\n}\n\n.nav-item:hover,\n.nav-item:active {\n  background-color: $gray-300;\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n  font-weight: bold;\n  color: $gray-900;\n  font-size: 14px;\n  position: relative;\n}\n\n@media (min-width: 992px) {\n  .navbar-side .navbar-side-content .nav-link {\n    font-size: 2.5rem;\n    line-height: 2.5rem;\n  }\n}\n\n.navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n  cursor: pointer;\n}\n\n.dropdown-item {\n  font-weight: 500;\n  font-size: 14px;\n\n  &:focus {\n    background-color: $gray-100;\n  }\n\n  &:active {\n    background-color: $gray-200;\n    color: $gray-900;\n  }\n}\n\n.overlay {\n  height: 0%;\n  width: 100%;\n  position: fixed;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  background-color: $white;\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: 0.35s;\n}\n\n.overlay a {\n  padding: 5px;\n  text-decoration: none;\n  font-size: 28px;\n  color: $gray-900;\n  display: block;\n  transition: 0.35s;\n}\n\n.overlay a:hover,\n.overlay a:focus,\n.overlay a:active {\n  color: $gray-800;\n  background-color: $gray-200;\n}\n\n.overlay-header {\n  position: relative;\n  top: 15%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-content {\n  position: relative;\n  top: 25%;\n  width: 100%;\n  text-align: center;\n}\n\n.overlay-footer {\n  position: relative;\n  top: 35%;\n  width: 100%;\n  text-align: center;\n\n  & a {\n    font-size: 20px !important;\n  }\n}\n\n.overlay .closebtn {\n  outline: none !important;\n  background-color: transparent;\n  color: $gray-900;\n  position: absolute;\n  top: 5px;\n  right: 40px;\n  font-size: 42px;\n}\n\n// Headers\n.h1,\nh1 {\n  font-size: 48px;\n  color: $brand-dark;\n  font-weight: 700;\n}\n\n.h2,\nh2 {\n  font-size: 36px;\n}\n\n.h3,\nh3 {\n  font-size: 24px;\n}\n\n.h4,\nh4 {\n  font-size: 20px;\n}\n\n.h5,\nh5 {\n  font-size: 16px;\n}\n\n.h6,\nh6 {\n  font-size: 14px;\n}\n\n// Paragraphs and Custom Font Sizes\n\np {\n  font-size: 16px;\n  color: $brand-dark;\n}\n\n.size-10 {\n  font-size: 10px;\n}\n\n.size-12 {\n  font-size: 12px;\n}\n\n.size-14 {\n  font-size: 14px;\n}\n\n.size-16 {\n  font-size: 16px;\n}\n\n.size-18 {\n  font-size: 18px;\n}\n\n.size-20 {\n  font-size: 20px;\n}\n\n.size-22 {\n  font-size: 22px;\n}\n\n.size-24 {\n  font-size: 24px;\n}\n\n.size-28 {\n  font-size: 28px;\n}\n\n.size-36 {\n  font-size: 36px;\n}\n\n.size-42 {\n  font-size: 42px;\n}\n\n.size-60 {\n  font-size: 60px;\n}\n\n.size-64 {\n  font-size: 64px;\n}\n\n// Horizontal Line\n\nhr {\n  border-color: $gray-300;\n  border-style: solid;\n}\n\n.hr-slate {\n  border: 1px solid $teal-800;\n}\n\n.hr-slate-20 {\n  border: 1px solid $teal-200;\n  opacity: 0.25;\n}\n\n// Links\n\na {\n  color: $teal-800;\n\n  &:hover {\n    color: $teal-900;\n    text-decoration: none;\n  }\n\n  & .btn {\n    text-decoration: none;\n  }\n}\n\n.orange-link {\n  color: $orange-700;\n  text-decoration: underline;\n\n  &:hover {\n    color: $orange-700;\n    text-decoration: none;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n.underline-hover:hover {\n  text-decoration: underline;\n}\n\n@media (max-width: 576px) {\n  .smallermobile {\n    width: 180px !important;\n  }\n\n  .hero-header {\n    font-size: 52px;\n  }\n}\n\n.hero {\n  background-color: $brand-primary;\n  color: $white;\n  font-size: 14px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $brand-secondary;\n    color: $white;\n  }\n\n  &-header {\n    line-height: 90%;\n  }\n}\n\n.action {\n  color: $brand-primary;\n  font-weight: 700;\n  font-size: 14px;\n  padding: 15px 30px;\n  display: inline-block;\n  text-decoration: none !important;\n  transition: 0.25s ease-in-out;\n  background: transparent;\n  border-radius: 8px;\n\n  &:hover {\n    color: $white;\n    background: $brand-primary;\n  }\n}\n\n// Buttons\n\nbutton {\n  border: none;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.copy-link {\n  outline: none !important;\n  background-color: transparent;\n  padding: 0;\n}\n\n.button-filter {\n  border: none;\n  background: transparent;\n  outline: none !important;\n  padding: 0px;\n\n  &.active {\n    color: $orange-500;\n  }\n\n  &.selected {\n    color: $orange-500;\n  }\n\n  &.filtered {\n    color: $orange-500;\n  }\n}\n\n.research-button {\n  display: inline-block;\n  background: $orange-100;\n  border: 2px solid $orange-400;\n  color: $orange-800;\n  border-radius: 8px;\n  padding: 10px 20px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    color: $orange-800;\n    background: $orange-200;\n  }\n}\n\n.button-big {\n  background-color: $orange-400;\n  color: $orange-900;\n  font-size: 24px;\n  display: inline-block;\n  font-weight: 700;\n  padding: 18px 48px;\n  border-radius: 8px;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    background-color: $orange-500;\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .button-main {\n    background-color: $teal-200;\n    color: $gray-800;\n    font-size: 18px;\n    font-weight: 500;\n    text-align: center;\n    padding: 12px 60px;\n    display: block;\n    border: none;\n    border-radius: 2px;\n    transition: 0.25s ease-in-out;\n\n    &:hover {\n      background-color: 0;\n      color: $gray-800;\n    }\n  }\n}\n\n.download {\n  display: inline-block;\n  border: none;\n  color: $teal-800;\n  background-color: $teal-100;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 2px;\n  padding: 5px 10px;\n\n  &:hover {\n    color: $teal-900;\n    background-color: $teal-200;\n  }\n\n  &::after {\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f078\";\n    margin-left: 5px;\n    display: inline-block;\n    vertical-align: middle;\n    font-weight: 700;\n  }\n}\n\n.highlight-link {\n  color: $teal-600;\n  font-size: 14px;\n  transition: 0.25s ease-in-out;\n\n  &:after {\n    display: inline-block;\n    font-family: \"Font Awesome 5 Free\";\n    font-size: inherit;\n    margin-left: 6px;\n    text-rendering: auto;\n    content: \"\\f061\";\n    text-decoration: none;\n  }\n}\n\n.stretched-link .highlight-link:hover {\n  color: $teal-700;\n}\n\n.stretched-link {\n  color: inherit;\n\n  &:hover {\n    color: inherit;\n  }\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  pointer-events: auto;\n  content: \"\";\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.stretched-link:hover span {\n  border-bottom: none;\n}\n\n.highlight-card:hover span {\n  border-bottom: none;\n}\n\n@media (max-width: 767px) {\n  .hidemobile {\n    display: none;\n  }\n}\n\n.rounded {\n  border-radius: 4px !important;\n}\n\n.round-img {\n  border-radius: 50%;\n}\n\n// Texts\n\ntextarea {\n  min-height: 50px;\n}\n\nblockquote {\n  font-style: italic;\n  margin-left: 25px;\n  padding-left: 15px;\n  border-left: 4px solid $green-900;\n}\n\n@media (max-width: 575px) {\n  blockquote {\n    margin-left: 0;\n  }\n}\n\n.tag {\n  color: $orange-800;\n  font-size: 14px;\n  font-weight: 500;\n  background: $orange-200;\n  border-radius: 30px;\n  padding: 6px 10px;\n}\n\n// Posts\n#breadcrumbs {\n  background-color: unset;\n}\n\n.post-content {\n  & p, li {\n    color: $gray-900;\n    margin-bottom: 0px;\n    line-height: 1.5rem;\n  }\n\n  & p + p {\n    margin-top: 20px;\n  }\n\n  & img {\n    max-width: 100%;\n  }\n\n  & p img {\n    margin: 0.5rem 0 0;\n  }\n\n  & blockquote p {\n    color: $green-900;\n  }\n\n  & .left {\n    text-align: left;\n  }\n\n  & .right {\n    text-align: right;\n  }\n\n  & .center {\n    text-align: center;\n  }\n\n  & h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    font-weight: 700;\n  }\n\n  & .h2,\n  h2 {\n    margin-top: 1.4rem;\n  }\n\n  .h3,\n  h3 {\n    margin-top: 1.3rem;\n  }\n\n  .h4,\n  h4 {\n    margin-top: 1.2rem;\n  }\n\n  .h5,\n  h5 {\n    margin-top: 1.1rem;\n  }\n\n  .h6,\n  h6 {\n    margin-top: 1rem;\n  }\n\n  & img[alt$=\" > \"] {\n    float: right;\n    margin: 0 0 20px 20px;\n  }\n\n  & img[alt$=\"<\"] {\n    float: left;\n    margin: 0 20px 20px 0;\n  }\n\n  & img[alt$=\" > <\"] {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: auto;\n    float: none !important;\n  }\n\n  & .mono {\n    font-family: \"Mono\", \"Courier New\", sans-serif;\n  }\n\n  & #donate {\n    color: $gray-800;\n  }\n\n}\n\n.post-content + .row, p + .row {\n    margin-top: 20px;\n  }\n\n.post .cover {\n  max-height: 350px;\n  object-fit: cover;\n}\n\n.capitalise-first-letter::first-letter {\n  text-transform: capitalize;\n}\n\n// Borders\n\n.curved-img {\n  border-radius: 10px;\n}\n\n.bottom-border {\n  width: 70px;\n  border-bottom: 2px solid $teal-400;\n}\n\n.top-border {\n  width: 100%;\n  border-top: 1px solid $gray-900;\n}\n\n.hidden-border-margin-parent {\n  overflow: hidden;\n}\n\n.hidden-border-margin-child {\n  margin-left: -1px;\n  margin-right: -1px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n// Boxes and Cards\n\n.card > img {\n    border-radius: 10px 10px 0px 0px;\n}\n\n.news-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & .pill {\n    background-color: $gray-200;\n    padding: 4px 8px;\n    border-radius: 8px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 10px;\n  }\n}\n\n.posts {\n  display: none !important;\n}\n\n.partner-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.publication-card {\n  padding: 25px;\n  background: $gray-100;\n  border: 1px solid $gray-200;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.press-card {\n  padding: 25px;\n  background: $gray-100;\n  box-sizing: border-box;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.member-img {\n  height: 50px;\n  width: 50px;\n  object-fit: cover;\n}\n\ni.member-img {\n  font-size: 50px;\n}\n\n.member-card {\n  padding: 25px;\n  background: $white;\n  box-sizing: border-box;\n  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.06);\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.research-icon {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.75em;\n}\n\n.research-icon-custom {\n  background-color: $white;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  border-radius: 50%;\n  padding: 0.5em;\n\n  > img {\n    height: 1.5em;\n  }\n}\n\n.info-box {\n  padding: 30px 20px;\n  background: $gray-100;\n\n  &:before {\n    position: absolute;\n    background-color: $orange-400;\n    border-radius: 50%;\n    height: 24px;\n    width: 24px;\n    color: $white;\n    font-size: 14px;\n    padding-top: 2.25px;\n    padding-left: 6.75px;\n    margin-top: -40px;\n    font-family: \"Font Awesome 5 Free\";\n    content: \"\\f128\";\n    display: inline-block;\n    font-weight: 700;\n  }\n}\n\n.box-small {\n  padding: 20px;\n  width: 100% !important;\n  box-sizing: border-box;\n  text-align: center;\n  min-height: 150px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    transform: scale(1.02);\n  }\n}\n\n.d-flex > .project-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .highlight-card {\n  flex: 1 0 100%;\n}\n\n.d-flex > .post-card {\n  flex: 1 0 100%;\n}\n\n.project-card {\n  background: $gray-100;\n  border: $border-width solid $card-border-color;\n  padding: 30px;\n  height: 100%;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n}\n\n.project-card > h4.text-main,\n.post-content .project-card > p.text-main {\n    margin-bottom: 0;\n}\n\n.post-content .project-card > h4.text-main {\n    margin-bottom: 0.5rem;\n}\n\n.highlight-card {\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    width: calc(100% + 60px); // twice the value of the parent's padding\n    margin-left: -30px;\n    margin-top: -30px;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg $border-radius-lg 0 0;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.event-card {\n  position: relative;\n  transition: 0.25s ease-in-out;\n  flex-direction: row;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & > img {\n    max-width: 200px;\n    object-fit: cover;\n    border-radius: $border-radius-lg 0 0 $border-radius-lg;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: 0px;\n  }\n}\n\n.post-card {\n  background: $gray-100;\n  background-repeat: no-repeat;\n  background-size: 48% 100%;\n  background-position: 0% 0%;\n  border-radius: 10px;\n  padding: 30px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  & img {\n    //height: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n    margin-bottom: -30px;\n    max-width: 110%;\n    object-fit: cover;\n    border-radius: 10px 0px 0px 10px;\n  }\n\n  & .bottom {\n    position: absolute;\n    bottom: -15px;\n  }\n}\n\n@media (max-width: 768px) {\n  .post-card img {\n    height: auto;\n    width: calc(100% + 60px);\n    max-width: calc(100% + 60px);\n    margin-left: -30px;\n    margin-top: -30px;\n  }\n\n  .event-card {\n    flex-direction: column;\n\n    & .card-body  {\n    padding: 0.5em 1.2em;\n    }\n\n    & .card-body .card-text {\n      margin: 0;\n    }\n\n    & img {\n    width: 100%;\n    max-width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    border-radius: 10px 10px 0px 0px;\n    }\n  }\n}\n\n// Lists\n\n.post-content, .modal-body {\n  & ul, & ol {\n    padding: 0;\n    margin-top: 1rem;\n    margin-bottom: 0;\n  }\n\n  & li {\n    list-style-position: outside;\n    margin: 0 0 5px 20px;\n  }\n\n  & ul li {\n    list-style-type: disc;\n  }\n\n  & ul + p {\n    margin-bottom: 5px;\n  }\n\n  & p + ul {\n    margin-top: 5px;\n  }\n}\n\n// Modals\n\n.modal-body p, .modal-body li {\n  padding: 0;\n  font-size: 1rem;\n}\n\n.modal-footer {\n  border-top: 0;\n  padding-top: 0;\n}\n\n// Backgrounds\n\n.background {\n  &-black {\n    background: #000;\n  }\n\n  &-white {\n    background: #fff;\n  }\n\n  & .title {\n    font-size: 18px;\n    font-weight: 500;\n    margin: 5px 0 0;\n  }\n\n  & .text-muted {\n    font-size: 14px;\n  }\n}\n\n// Footer\n\nfooter {\n  flex-shrink: 0;\n  color: var(--bs-secondary-color);\n}\n\nfooter a {\n  color: var(--bs-secondary-color) !important;\n}\n\nfooter .svg-wave {\n  fill: var(--bs-tertiary-bg);\n  fill-opacity: 1;\n}\n\n// Form\n\n.form-control {\n  background-color: $gray-100;\n\n  &:hover {\n    background-color: $gray-200;\n  }\n\n  &:focus {\n    background-color: $gray-200;\n  }\n}\n\n// Misc\n\n.weight-500 {\n  font-weight: 500;\n}\n\n.weight-600 {\n  font-weight: 600;\n}\n\n.weight-700 {\n  font-weight: 700;\n}\n\n.dropdown-menu {\n  min-width: 4.5rem;\n  max-width: 12rem;\n}\n\n.dropdown-toggle {\n  background: transparent;\n  outline: none !important;\n}\n\n.dropdown-toggle::after {\n  border-top: 0.42rem solid $gray-900;\n  border-right: 0.3rem solid transparent;\n  border-bottom: 0;\n  border-left: 0.3rem solid transparent;\n  vertical-align: 0.1em;\n  margin-left: 0.1em;\n}\n\n// Pagination\n\n.pager {\n  list-style: none;\n}\n\n.pagination {\n  list-style: none;\n\n  & a {\n    background: transparent;\n    border-radius: 50%;\n    padding: 10px;\n  }\n}\n\n.current-page {\n  display: inline-block;\n  height: 36px;\n  width: 36px;\n  line-height: 36px;\n  margin-right: 0.5rem !important;\n\n  -moz-border-radius: 18px;\n  border-radius: 18px;\n  text-align: center;\n  font-size: 14px;\n  padding-right: 1px;\n\n  color: $orange-700;\n  background: $gray-100 !important;\n}\n\n// Visibility and other\n\n.hidden {\n  display: none !important;\n}\n\n.visible {\n  display: block !important;\n\n  &-flex {\n    display: flex !important;\n  }\n}\n\n.bottom-flex {\n  position: absolute;\n  bottom: -10px;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.no-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.no-underline {\n  text-decoration: none !important;\n}\n\n.grayscale {\n  filter: grayscale(1);\n}\n\n@media (max-width: 992px) {\n  .hide-mobile {\n    display: none !important;\n  }\n}\n@media (min-width: 992px) {\n  .hide-desktop {\n    display: none !important;\n  }\n}\n","@media (prefers-color-scheme: dark) {\n\n/*!\n * Bootstrap v4.6.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n *\n * Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark/)\n * Copyright 2020 Vino Rodrigues\n * This version is a dual color theme, with the default light mode and the dark\n * elements optioned in by a `prefers-color-scheme: dark` media query\n */\n\n  @import \"./bootstrap-dark/functions\";\n  @import \"./bootstrap-dark/variables-alt\";\n  @import \"./bootstrap-dark/buttons\";\n  @import \"./bootstrap-dark/modal\";\n  @import \"./bootstrap-dark/card\";\n\n    :root {\n        --bs-secondary-color: #ddd;\n        --bs-tertiary-bg: #223; // .background-gray-100\n        scrollbar-color: #333 #000;\n    }\n\n    body {\n        color: #ddd;\n        background-color: #111;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4,\n    .content h5,\n    .content h6 {\n        color: #ddd;\n    }\n\n    p {\n      color: $gray-300;\n    }\n\n    a {\n      color: $teal-200;\n\n      &:hover {\n        color: $teal-300;\n      }\n    }\n\n    .nav-item:hover {\n        background: #666;\n    }\n\n    .nav-item.active {\n        background-color: #444;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link {\n        color: #bbb;\n    }\n\n    .navbar-collapse > .navbar-nav > .nav-item > .nav-link:hover {\n        color: #fff;\n    }\n\n    .dropdown-toggle:after {\n        filter: invert(0.8);\n    }\n\n    .navbar-toggler {\n        filter: invert(1);\n    }\n\n    img.phone,\n    img.half-phone {\n        border-color: #333;\n    }\n\n    .post-content, .modal-body {\n        & p, li {\n          color: #ddd;\n        }\n\n        & #donate {\n          color: $gray-500;\n        }\n\n    }\n\n    .card {\n        background-color: $black;\n    }\n\n    hr {\n        border: none;\n    }\n\n    #search-input {\n        color: #fff;\n    }\n\n    // Footer\n\n    .copyright {\n      color: #bbb !important;\n\n      & a {\n        color: #bbb !important;\n      }\n\n      & a:hover {\n        color: #fff !important;\n      }\n    }\n\n    .overlay {\n        background-color: #333;\n    }\n\n    .overlay a {\n        color: #bbb;\n    }\n\n    .overlay a:hover {\n       color: #000 !important;\n    }\n\n    .background-gray-100 {\n        background-color: #223 !important;\n    }\n\n    .color-gray-800,\n    .color-gray-900 {\n        color: #ddd !important;\n    }\n\n    .modal-footer {\n      border-top: 0;\n    }\n\n}\n","\r\n// Base styles\r\n\r\n.btn {\r\n  color: $body-color-alt;\r\n\r\n  @include hover() {\r\n    color: $body-color-alt;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus {\r\n    box-shadow: $btn-focus-box-shadow-alt;\r\n  }\r\n\r\n  // Disabled comes first so active can properly restyle\r\n  &.disabled,\r\n  &:disabled {\r\n    opacity: $btn-disabled-opacity-alt;\r\n    @include box-shadow(none);\r\n  }\r\n\r\n  &:not(:disabled):not(.disabled) {\r\n\r\n    &:active,\r\n    &.active {\r\n      @include box-shadow($btn-active-box-shadow-alt);\r\n\r\n      &:focus {\r\n        @include box-shadow($btn-focus-box-shadow-alt, $btn-active-box-shadow-alt);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Alternate buttons\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-#{$color} {\r\n    @include button-variant($value, $value);\r\n  }\r\n}\r\n\r\n@each $color, $value in $theme-colors-alt {\r\n  .btn-outline-#{$color} {\r\n    @include button-outline-variant($value);\r\n  }\r\n}\r\n\r\n\r\n// Link buttons\r\n\r\n// Make a button look and behave like a link\r\n.btn-link {\r\n  color: $link-color-alt;\r\n\r\n  @include hover() {\r\n    color: $link-hover-color-alt;\r\n  }\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    color: $btn-link-disabled-color-alt;\r\n    pointer-events: none;\r\n  }\r\n}\r\n","// Variables\r\n//\r\n// Bootstrap-Dark (https://vinorodrigues.github.io/bootstrap-dark)\r\n// Copyright 2020 Vino Rodrigues\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n// Color system\r\n// ---------------------------------------\r\n\r\n// Set the secondary color scheme, can only be `light` or `dark`\r\n$color-scheme-alt: dark;\r\n\r\n// the below colors where borrowed from other sources\r\n// items marked //** from https://bootswatch.com/darkly/\r\n// items marked //~~ from https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129\r\n\r\n$white-alt:    #fafafa !default;  // #fff !default;\r\n$gray-100-alt: #e1e1e1 !default;  //~~  // #f8f9fa !default;\r\n$gray-200-alt: #cfcfcf !default;  //~~  // #ebebeb !default;  // #e9ecef !default;\r\n$gray-300-alt: #b1b1b1 !default;  //~~  // #dee2e6 !default;\r\n$gray-400-alt: #9e9e9e !default;  //~~  // #ced4da !default;\r\n$gray-500-alt: #7e7e7e !default;  //~~  // #adb5bd !default;\r\n$gray-600-alt: #626262 !default;  //~~  // #888 !default;     // #6c757d !default;\r\n$gray-700-alt: #515151 !default;  //~~  // #444 !default;     // #495057 !default;\r\n$gray-800-alt: #3b3b3b !default;  //~~  // #303030 !default;  // #343a40 !default;\r\n$gray-900-alt: #222222 !default;  //~~  // #222 !default;     // #212529 !default;\r\n$black-alt:    #111 !default;     // #000 !default;\r\n\r\n$grays-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$grays-alt: map-merge(\r\n  (\r\n    \"100\": $gray-100-alt,\r\n    \"200\": $gray-200-alt,\r\n    \"300\": $gray-300-alt,\r\n    \"400\": $gray-400-alt,\r\n    \"500\": $gray-500-alt,\r\n    \"600\": $gray-600-alt,\r\n    \"700\": $gray-700-alt,\r\n    \"800\": $gray-800-alt,\r\n    \"900\": $gray-900-alt\r\n  ),\r\n  $grays-alt\r\n);\r\n\r\n$blue-alt:    #375a7f !default;  // #007bff !default;\r\n$indigo-alt:  #6610f2 !default;\r\n$purple-alt:  #654ea3 !default;  // Panatone CotY 2018  // #6f42c1 !default;\r\n$pink-alt:    #e83e8c !default;\r\n$red-alt:     #e74c3c !default;  //**  // #dc3545 !default;\r\n$orange-alt:  #fd7e14 !default;\r\n$yellow-alt:  #f39c12 !default;  //**  // #ffc107 !default;\r\n$green-alt:   #00bc8c !default;  //**  // #28a745 !default;\r\n$teal-alt:    #45b5aa !default;  // Panatone CotY 2010\r\n$cyan-alt:    #17a2b8 !default;\r\n\r\n$colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$colors-alt: map-merge(\r\n  (\r\n    \"blue\":       $blue-alt,\r\n    \"indigo\":     $indigo-alt,\r\n    \"purple\":     $purple-alt,\r\n    \"pink\":       $pink-alt,\r\n    \"red\":        $red-alt,\r\n    \"orange\":     $orange-alt,\r\n    \"yellow\":     $yellow-alt,\r\n    \"green\":      $green-alt,\r\n    \"teal\":       $teal-alt,\r\n    \"cyan\":       $cyan-alt,\r\n    \"white\":      $white-alt,\r\n    \"gray\":       #7e7e7e,  //~~  // $gray-600-alt,\r\n    \"gray-dark\":  #121212,  //~~  // $gray-800-alt\r\n  ),\r\n  $colors-alt\r\n);\r\n\r\n$primary-alt:       $blue-alt !default;\r\n$secondary-alt:     $gray-600-alt !default;\r\n$success-alt:       $green-alt !default;\r\n$info-alt:          $cyan-alt !default;\r\n$warning-alt:       $yellow-alt !default;\r\n$danger-alt:        $red-alt !default;\r\n$light-alt:         $gray-500-alt !default;  // $gray-100-alt !default;\r\n$dark-alt:          $gray-800-alt !default;\r\n\r\n$theme-colors-alt: () !default;\r\n// stylelint-disable-next-line scss/dollar-variable-default\r\n$theme-colors-alt: map-merge(\r\n  (\r\n    \"primary\":    $primary-alt,\r\n    \"secondary\":  $secondary-alt,\r\n    \"success\":    $success-alt,\r\n    \"info\":       $info-alt,\r\n    \"warning\":    $warning-alt,\r\n    \"danger\":     $danger-alt,\r\n    \"light\":      $light-alt,\r\n    \"dark\":       $dark-alt\r\n  ),\r\n  $theme-colors-alt\r\n);\r\n\r\n$theme-color-interval-alt:      8% !default;\r\n\r\n$yiq-contrasted-threshold-alt:  175 !default;\r\n\r\n$yiq-text-dark-alt:             $gray-900-alt !default;\r\n$yiq-text-light-alt:            $white-alt !default;\r\n\r\n\r\n// Body\r\n// ---------------------------------------\r\n\r\n$body-bg-alt:                   $gray-900-alt !default;\r\n$body-color-alt:                $gray-100-alt !default;\r\n\r\n// Links\r\n// ---------------------------------------\r\n\r\n$link-color-alt:                              lighten(theme-color-alt(\"primary\"), 15%) !default;\r\n$link-hover-color-alt:                        lighten($link-color-alt, 15%) !default;\r\n$emphasized-link-hover-darken-percentage-alt: 15% !default;\r\n\r\n\r\n// Components\r\n// ---------------------------------------\r\n\r\n$border-color-alt:                $gray-700 !default;\r\n\r\n$box-shadow-sm-alt:               0 .125rem .25rem rgba($black-alt, .075) !default;\r\n$box-shadow-alt:                  0 .5rem 1rem rgba($black-alt, .15) !default;\r\n$box-shadow-lg-alt:               0 1rem 3rem rgba($black-alt, .175) !default;\r\n\r\n$component-active-color-alt:      $white-alt !default;\r\n$component-active-bg-alt:         theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// Typography\r\n// ---------------------------------------\r\n\r\n$headings-color-alt:              null !default;\r\n\r\n$text-muted-alt:                  $gray-600-alt !default;\r\n\r\n$blockquote-small-color-alt:      $gray-400-alt !default;\r\n\r\n$hr-border-color-alt:             rgba($white-alt, .1) !default;\r\n\r\n$kbd-box-shadow-alt:              inset 0 -.1rem 0 rgba($black, .25) !default;\r\n\r\n$mark-bg-alt:                     rgba($yellow-alt, .3) !default;\r\n\r\n\r\n// Tables\r\n// ---------------------------------------\r\n\r\n$table-color-alt:                 $body-color-alt !default;\r\n$table-bg-alt:                    null !default;\r\n$table-accent-bg-alt:             rgba($white-alt, .05) !default;\r\n$table-hover-color-alt:           $table-color-alt !default;\r\n$table-hover-bg-alt:              rgba($white-alt, .075) !default;\r\n$table-active-bg-alt:             $table-hover-bg-alt !default;\r\n\r\n$table-border-color-alt:          $border-color-alt !default;\r\n\r\n$table-head-bg-alt:               $gray-800-alt !default;\r\n$table-head-color-alt:            $gray-300-alt !default;\r\n\r\n$table-dark-color-alt:            $white-alt !default;\r\n$table-dark-bg-alt:               $gray-400 !default;\r\n$table-dark-accent-bg-alt:        rgba($black-alt, .05) !default;\r\n$table-dark-hover-color-alt:      $table-dark-color-alt !default;\r\n$table-dark-hover-bg-alt:         rgba($black-alt, .075) !default;\r\n$table-dark-border-color-alt:     darken($table-dark-bg, 7.5%) !default;\r\n\r\n$table-caption-color-alt:         $text-muted-alt !default;\r\n\r\n$table-bg-level-alt:              +9 !default;\r\n$table-border-level-alt:          +6 !default;\r\n\r\n\r\n// Buttons + Forms\r\n// ---------------------------------------\r\n\r\n$input-btn-focus-color-alt:       rgba($component-active-bg-alt, .25) !default;\r\n$input-btn-focus-box-shadow-alt:  0 0 0 $input-btn-focus-width $input-btn-focus-color-alt !default;\r\n\r\n\r\n// Buttons\r\n// ---------------------------------------\r\n\r\n$btn-box-shadow-alt:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\r\n$btn-focus-box-shadow-alt:        $input-btn-focus-box-shadow-alt !default;\r\n$btn-disabled-opacity-alt:        .65 !default;\r\n$btn-active-box-shadow-alt:       inset 0 3px 5px rgba($black, .125) !default;\r\n\r\n$btn-link-disabled-color-alt:     $gray-600 !default;\r\n\r\n\r\n// Forms\r\n// ---------------------------------------\r\n\r\n$input-bg-alt:                              $gray-800-alt !default;\r\n$input-disabled-bg-alt:                     $gray-900-alt !default;\r\n\r\n$input-color-alt:                           $gray-300-alt !default;\r\n$input-border-color-alt:                    $gray-700-alt !default;\r\n$input-box-shadow-alt:                      inset 0 1px 1px rgba($white-alt, .075) !default;\r\n\r\n$input-focus-bg-alt:                        $input-bg-alt !default;\r\n$input-focus-border-color-alt:              lighten($component-active-bg-alt, 5%) !default;\r\n$input-focus-color-alt:                     $input-color-alt !default;\r\n$input-focus-box-shadow-alt:                $input-btn-focus-box-shadow-alt !default;\r\n\r\n$input-placeholder-color-alt:               mix($gray-600-alt, $gray-700-alt) !default;\r\n$input-plaintext-color-alt:                 $body-color-alt !default;\r\n\r\n$input-group-addon-color-alt:               $input-color-alt !default;\r\n$input-group-addon-bg-alt:                  $gray-700-alt !default;\r\n$input-group-addon-border-color-alt:        $input-border-color-alt !default;\r\n\r\n$custom-control-indicator-bg-alt:           $input-bg-alt !default;\r\n\r\n$custom-control-indicator-box-shadow-alt:   $input-box-shadow-alt !default;\r\n$custom-control-indicator-border-color-alt: $gray-500-alt !default;\r\n\r\n$custom-control-label-color-alt:            null !default;\r\n\r\n$custom-control-indicator-disabled-bg-alt:          $input-disabled-bg-alt !default;\r\n$custom-control-label-disabled-color-alt:           mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$custom-control-indicator-checked-color-alt:        $component-active-color-alt !default;\r\n$custom-control-indicator-checked-bg-alt:           $component-active-bg-alt !default;\r\n$custom-control-indicator-checked-disabled-bg-alt:  rgba(theme-color-alt(\"primary\"), .5) !default;\r\n$custom-control-indicator-checked-box-shadow-alt:   none !default;\r\n$custom-control-indicator-checked-border-color-alt: $custom-control-indicator-checked-bg-alt !default;\r\n\r\n$custom-control-indicator-focus-box-shadow-alt:     $input-focus-box-shadow-alt !default;\r\n$custom-control-indicator-focus-border-color-alt:   $input-focus-border-color-alt !default;\r\n\r\n$custom-control-indicator-active-color-alt:         $component-active-color-alt !default;\r\n$custom-control-indicator-active-bg-alt:            lighten($component-active-bg-alt, 35%) !default;\r\n$custom-control-indicator-active-box-shadow-alt:    none !default;\r\n$custom-control-indicator-active-border-color-alt:  $custom-control-indicator-active-bg-alt !default;\r\n\r\n$custom-checkbox-indicator-icon-checked-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color-alt}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg-alt:           $component-active-bg-alt !default;\r\n$custom-checkbox-indicator-indeterminate-color-alt:        $custom-control-indicator-checked-color-alt !default;\r\n$custom-checkbox-indicator-icon-indeterminate-alt:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color-alt}' d='M0 2h4'/></svg>\") !default;\r\n$custom-checkbox-indicator-indeterminate-box-shadow-alt:   none !default;\r\n$custom-checkbox-indicator-indeterminate-border-color-alt: $custom-checkbox-indicator-indeterminate-bg-alt !default;\r\n\r\n$custom-radio-indicator-icon-checked-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color-alt}'/></svg>\") !default;\r\n\r\n$custom-select-color-alt:               $input-color-alt !default;\r\n$custom-select-disabled-color-alt:      $gray-400-alt !default;\r\n$custom-select-bg-alt:                  $input-bg-alt !default;\r\n$custom-select-disabled-bg-alt:         $gray-800-alt !default;\r\n$custom-select-indicator-color-alt:     $gray-200-alt !default;\r\n$custom-select-indicator-alt:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color-alt}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\r\n$custom-select-background-alt:          escape-svg($custom-select-indicator-alt) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\r\n\r\n$custom-select-border-color-alt:        $input-border-color-alt !default;\r\n$custom-select-box-shadow-alt:          inset 0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n$custom-select-focus-border-color-alt:  $input-focus-border-color-alt !default;\r\n$custom-select-focus-box-shadow-alt:    0 0 0 $custom-select-focus-width $input-btn-focus-color-alt !default;\r\n\r\n$custom-range-track-bg-alt:             $gray-700-alt !default;\r\n$custom-range-track-box-shadow-alt:     inset 0 .25rem .25rem rgba($white-alt, .1) !default;\r\n\r\n$custom-range-thumb-bg-alt:                      $component-active-bg-alt !default;\r\n$custom-range-thumb-border-alt:                  0 !default;\r\n$custom-range-thumb-box-shadow-alt:              0 .1rem .25rem rgba($white-alt, .1) !default;\r\n$custom-range-thumb-focus-box-shadow-alt:        0 0 0 1px $body-color-alt, $input-focus-box-shadow-alt !default;\r\n$custom-range-thumb-active-bg-alt:               lighten($component-active-bg-alt, 35%) !default;\r\n$custom-range-thumb-disabled-bg-alt:             $gray-500-alt !default;\r\n\r\n$custom-file-focus-border-color-alt:    $input-focus-border-color-alt !default;\r\n$custom-file-focus-box-shadow-alt:      $input-focus-box-shadow-alt !default;\r\n$custom-file-disabled-bg-alt:           $input-disabled-bg-alt !default;\r\n\r\n$custom-file-color-alt:                 $input-color-alt !default;\r\n$custom-file-bg-alt:                    $input-bg-alt !default;\r\n$custom-file-border-color-alt:          $input-border-color-alt !default;\r\n$custom-file-box-shadow-alt:            $input-box-shadow-alt !default;\r\n$custom-file-button-color-alt:          $custom-file-color-alt !default;\r\n$custom-file-button-bg-alt:             $input-group-addon-bg-alt !default;\r\n\r\n\r\n// Form validation\r\n// ---------------------------------------\r\n\r\n$form-feedback-valid-color-alt:         theme-color-alt(\"success\") !default;\r\n$form-feedback-invalid-color-alt:       theme-color-alt(\"danger\") !default;\r\n\r\n$form-feedback-icon-valid-color-alt:    $form-feedback-valid-color-alt !default;\r\n$form-feedback-icon-valid-alt:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color-alt}' d='M2.3 6.73L.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'/></svg>\") !default;\r\n$form-feedback-icon-invalid-color-alt:  $form-feedback-invalid-color-alt !default;\r\n$form-feedback-icon-invalid-alt:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color-alt}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\r\n\r\n$form-validation-states-alt: () !default;\r\n$form-validation-states-alt: map-merge(\r\n  (\r\n    \"valid\": (\r\n      \"color\": $form-feedback-valid-color-alt,\r\n      \"icon\": $form-feedback-icon-valid-alt\r\n    ),\r\n    \"invalid\": (\r\n      \"color\": $form-feedback-invalid-color-alt,\r\n      \"icon\": $form-feedback-icon-invalid-alt\r\n    ),\r\n  ),\r\n  $form-validation-states-alt\r\n);\r\n\r\n\r\n// Navs\r\n// ---------------------------------------\r\n\r\n$nav-link-disabled-color-alt:           $gray-400-alt !default;\r\n\r\n$nav-tabs-border-color-alt:             $gray-700-alt !default;\r\n$nav-tabs-link-hover-border-color-alt:  $gray-800-alt $gray-800-alt $nav-tabs-border-color-alt !default;\r\n$nav-tabs-link-active-color-alt:        $gray-300-alt !default;\r\n$nav-tabs-link-active-bg-alt:           $body-bg-alt !default;\r\n$nav-tabs-link-active-border-color-alt: $gray-700-alt $gray-700-alt $nav-tabs-link-active-bg-alt !default;\r\n\r\n$nav-pills-link-active-color-alt:       $component-active-color-alt !default;\r\n$nav-pills-link-active-bg-alt:          $component-active-bg-alt !default;\r\n\r\n$nav-divider-color-alt:                 $gray-800-alt !default;\r\n\r\n\r\n// Navbar\r\n// ---------------------------------------\r\n\r\n$navbar-dark-color-alt:                 rgba($white, .5) !default;\r\n$navbar-dark-hover-color-alt:           rgba($white, .75) !default;\r\n$navbar-dark-active-color-alt:          $white !default;\r\n$navbar-dark-disabled-color-alt:        rgba($white, .25) !default;\r\n$navbar-dark-toggler-icon-bg-alt:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-dark-toggler-border-color-alt:  rgba($white, .1) !default;\r\n\r\n$navbar-light-color-alt:                rgba($black, .5) !default;\r\n$navbar-light-hover-color-alt:          rgba($black, .7) !default;\r\n$navbar-light-active-color-alt:         rgba($black, .9) !default;\r\n$navbar-light-disabled-color-alt:       rgba($black, .3) !default;\r\n$navbar-light-toggler-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color-alt}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\r\n$navbar-light-toggler-border-color-alt: rgba($black, .1) !default;\r\n\r\n$navbar-light-brand-color-alt:          $navbar-light-active-color-alt !default;\r\n$navbar-light-brand-hover-color-alt:    $navbar-light-active-color-alt !default;\r\n$navbar-dark-brand-color-alt:           $navbar-dark-active-color-alt !default;\r\n$navbar-dark-brand-hover-color-alt:     $navbar-dark-active-color-alt !default;\r\n\r\n\r\n// Dropdowns\r\n// ---------------------------------------\r\n\r\n$dropdown-color-alt:                    $body-color-alt !default;\r\n$dropdown-bg-alt:                       $black-alt !default;\r\n$dropdown-border-color-alt:             rgba($white-alt, .15) !default;\r\n$dropdown-divider-bg-alt:               $gray-800 !default;\r\n$dropdown-box-shadow-alt:               0 .5rem 1rem rgba($white-alt, .175) !default;\r\n\r\n$dropdown-link-color-alt:               $gray-100 !default;\r\n$dropdown-link-hover-color-alt:         lighten($gray-100, 5%) !default;\r\n$dropdown-link-hover-bg-alt:            $gray-800 !default;\r\n\r\n$dropdown-link-active-color-alt:        $component-active-color-alt !default;\r\n$dropdown-link-active-bg-alt:           $component-active-bg-alt !default;\r\n\r\n$dropdown-link-disabled-color-alt:      $gray-500-alt !default;\r\n\r\n$dropdown-header-color-alt:             $gray-400-alt !default;\r\n\r\n\r\n// Pagination\r\n// ---------------------------------------\r\n\r\n$pagination-color-alt:                  $link-color-alt !default;\r\n$pagination-bg-alt:                     $gray-800-alt !default;\r\n$pagination-border-color-alt:           $gray-700-alt !default;\r\n\r\n$pagination-focus-box-shadow-alt:       $input-btn-focus-box-shadow-alt !default;\r\n$pagination-focus-outline-alt:          0 !default;\r\n\r\n$pagination-hover-color-alt:            $link-hover-color-alt !default;\r\n$pagination-hover-bg-alt:               $gray-700-alt !default;\r\n$pagination-hover-border-color-alt:     mix($gray-600-alt, $gray-700-alt) !default;\r\n\r\n$pagination-active-color-alt:           $component-active-color-alt !default;\r\n$pagination-active-bg-alt:              $component-active-bg-alt !default;\r\n$pagination-active-border-color-alt:    $pagination-active-bg-alt !default;\r\n\r\n$pagination-disabled-color-alt:         mix($gray-600-alt, $gray-700-alt) !default;\r\n$pagination-disabled-bg-alt:            $gray-900-alt !default;\r\n$pagination-disabled-border-color-alt:  $gray-700-alt !default;\r\n\r\n\r\n// Jumbotron\r\n// ---------------------------------------\r\n\r\n$jumbotron-color-alt:                   null !default;\r\n$jumbotron-bg-alt:                      $gray-800-alt !default;\r\n\r\n\r\n// Cards\r\n// ---------------------------------------\r\n\r\n$card-border-color-alt:                 rgba($white-alt, .125) !default;\r\n$card-cap-bg-alt:                       rgba($white-alt, .03) !default;\r\n$card-cap-color-alt:                    null !default;\r\n$card-color-alt:                        null !default;\r\n$card-bg-alt:                           mix($gray-800-alt, $gray-900-alt) !default;\r\n\r\n\r\n// Tooltips\r\n// ---------------------------------------\r\n\r\n$tooltip-color-alt:                     $black-alt !default;\r\n$tooltip-bg-alt:                        $white-alt !default;\r\n$tooltip-opacity-alt:                   .9 !default;\r\n\r\n$tooltip-arrow-color-alt:               $tooltip-bg-alt !default;\r\n\r\n$form-feedback-tooltip-opacity-alt:     $tooltip-opacity-alt !default;\r\n\r\n\r\n// Popovers\r\n// ---------------------------------------\r\n\r\n$popover-bg-alt:                        $black-alt !default;\r\n$popover-border-color-alt:              rgba($white-alt, .2) !default;\r\n$popover-box-shadow-alt:                0 .25rem .5rem rgba($white-alt, .2) !default;\r\n\r\n$popover-header-bg-alt:                 darken($popover-bg-alt, 3%) !default;\r\n$popover-header-color-alt:              $headings-color-alt !default;\r\n\r\n$popover-body-color-alt:                $body-color-alt !default;\r\n\r\n$popover-arrow-color-alt:               $popover-bg-alt !default;\r\n\r\n$popover-arrow-outer-color-alt:         fade-in($popover-border-color-alt, .05) !default;\r\n\r\n\r\n// Toasts\r\n// ---------------------------------------\r\n\r\n$toast-color-alt:                       null !default;\r\n$toast-background-color-alt:            rgba($gray-800-alt, .85) !default;\r\n$toast-border-color-alt:                rgba(255, 255, 255, .1) !default;\r\n$toast-box-shadow-alt:                  0 .25rem .75rem rgba($gray-500-alt, .1) !default;\r\n\r\n$toast-header-color-alt:                $gray-400-alt !default;\r\n$toast-header-background-color-alt:     rgba($gray-700-alt, .85) !default;\r\n$toast-header-border-color-alt:         rgba(255, 255, 255, .05) !default;\r\n\r\n\r\n// Badges\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Modals\r\n// ---------------------------------------\r\n\r\n$modal-content-color-alt:               null !default;\r\n$modal-content-bg-alt:                  mix($gray-800-alt, $gray-900-alt) !default;\r\n$modal-content-border-color-alt:        rgba($white-alt, .2) !default;\r\n$modal-content-box-shadow-xs-alt:       0 .25rem .5rem rgba($white-alt, .5) !default;\r\n$modal-content-box-shadow-sm-up-alt:    0 .5rem 1rem rgba($white-alt, .5) !default;\r\n\r\n$modal-backdrop-bg-alt:                 $black-alt !default;\r\n$modal-backdrop-opacity-alt:            .85 !default;\r\n$modal-header-border-color-alt:         $border-color-alt !default;\r\n$modal-footer-border-color-alt:         $modal-header-border-color-alt !default;\r\n\r\n\r\n// Alerts\r\n// ---------------------------------------\r\n\r\n$alert-bg-level-alt:                    5 !default;\r\n$alert-border-level-alt:                4 !default;\r\n$alert-color-level-alt:                 -3 !default;\r\n\r\n\r\n// Progress bars\r\n// ---------------------------------------\r\n\r\n$progress-bg-alt:                       $gray-800-alt !default;\r\n$progress-box-shadow-alt:               inset 0 .1rem .1rem rgba($white-alt, .1) !default;\r\n$progress-bar-color-alt:                $black-alt !default;\r\n$progress-bar-bg-alt:                   theme-color-alt(\"primary\") !default;\r\n\r\n\r\n// List group\r\n// ---------------------------------------\r\n\r\n$list-group-color-alt:                  null !default;\r\n$list-group-bg-alt:                     mix($gray-800-alt, $gray-900-alt) !default;\r\n$list-group-border-color-alt:           rgba($white-alt, .125) !default;\r\n\r\n$list-group-hover-bg-alt:               $gray-900-alt !default;\r\n$list-group-active-color-alt:           $component-active-color-alt !default;\r\n$list-group-active-bg-alt:              $component-active-bg-alt !default;\r\n$list-group-active-border-color-alt:    $list-group-active-bg-alt !default;\r\n\r\n$list-group-disabled-color-alt:         $gray-400-alt !default;\r\n$list-group-disabled-bg-alt:            $list-group-bg-alt !default;\r\n\r\n$list-group-action-color-alt:           $gray-300-alt !default;\r\n$list-group-action-hover-color-alt:     $list-group-action-color-alt !default;\r\n\r\n$list-group-action-active-color-alt:    $body-color-alt !default;\r\n$list-group-action-active-bg-alt:       $gray-800-alt !default;\r\n\r\n\r\n// Image thumbnails\r\n// ---------------------------------------\r\n\r\n$thumbnail-bg-alt:                      $body-bg-alt !default;\r\n$thumbnail-border-color-alt:            $gray-700-alt !default;\r\n$thumbnail-box-shadow-alt:              0 1px 2px rgba($white-alt, .075) !default;\r\n\r\n\r\n// Figures\r\n// ---------------------------------------\r\n\r\n$figure-caption-color-alt:              $gray-400-alt !default;\r\n\r\n\r\n// Breadcrumbs\r\n// ---------------------------------------\r\n\r\n$breadcrumb-bg-alt:                     $gray-800-alt !default;\r\n$breadcrumb-divider-color-alt:          $gray-400-alt !default;\r\n$breadcrumb-active-color-alt:           $gray-400-alt !default;\r\n$breadcrumb-divider-alt:                quote(\"/\") !default;\r\n\r\n// Carousel\r\n// ---------------------------------------\r\n\r\n$carousel-control-color-alt:             $white-alt !default;\r\n$carousel-control-opacity-alt:           .5 !default;\r\n$carousel-control-hover-opacity-alt:     .9 !default;\r\n\r\n$carousel-indicator-active-bg-alt:       $black-alt !default;\r\n\r\n$carousel-caption-color-alt:             $black-alt !default;\r\n\r\n$carousel-control-prev-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\r\n$carousel-control-next-icon-bg-alt:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color-alt}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\r\n\r\n\r\n// Spinners\r\n// ---------------------------------------\r\n// nil\r\n\r\n\r\n// Close\r\n// ---------------------------------------\r\n\r\n$close-color-alt:                       $white-alt !default;\r\n$close-text-shadow-alt:                 0 1px 0 $black-alt !default;\r\n\r\n\r\n// Code\r\n// ---------------------------------------\r\n\r\n$code-color-alt:                        $teal-alt !default;\r\n\r\n$kbd-color-alt:                         $gray-100-alt !default;\r\n$kbd-bg-alt:                            $gray-800-alt !default;\r\n\r\n$pre-color-alt:                         $gray-100-alt !default;\r\n\r\n\r\n// Selection\r\n// ---------------------------------------\r\n\r\n$selection-color:                       $gray-200-alt;\r\n$selection-bg:                          rgba($cyan-alt, 0.5);\r\n","\r\n// Actual modal\r\n.modal-content {\r\n  color: $modal-content-color-alt;\r\n  background-color: $modal-content-bg-alt;\r\n  border: $modal-content-border-width solid $modal-content-border-color-alt;\r\n  @include box-shadow($modal-content-box-shadow-xs-alt);\r\n}\r\n\r\n// Modal background\r\n.modal-backdrop {\r\n  background-color: $modal-backdrop-bg-alt;\r\n  &.show { opacity: $modal-backdrop-opacity-alt; }\r\n}\r\n\r\n// Modal header\r\n.modal-header {\r\n  border-bottom: $modal-header-border-width solid $modal-header-border-color-alt;\r\n}\r\n\r\n// Footer (for actions)\r\n.modal-footer {\r\n  border-top: $modal-footer-border-width solid $modal-footer-border-color-alt;\r\n}\r\n\r\n// Scale up the modal\r\n@include media-breakpoint-up(sm) {\r\n  .modal-content {\r\n    @include box-shadow($modal-content-box-shadow-sm-up-alt);\r\n  }\r\n}\r\n","\r\n// Base styles\r\n\r\n.card {\r\n  background-color: $card-bg-alt;\r\n  border-color: $card-border-color-alt;\r\n}\r\n\r\n.card-body {\r\n  color: $card-color-alt;\r\n}\r\n\r\n// Optional textual caps\r\n\r\n.card-header {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-bottom: $card-border-width solid $card-border-color-alt;\r\n}\r\n\r\n.card-footer {\r\n  color: $card-cap-color-alt;\r\n  background-color: $card-cap-bg-alt;\r\n  border-top: $card-border-width solid $card-border-color-alt;\r\n}\r\n","@charset \"utf-8\";\n@import 'font';\n@import 'variables';\n@import 'bootstrap/bootstrap';\n@import 'custom';\n@import 'dark';\n\nimg.phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom-width: 50px;\n    border-radius: 20px;\n    background: #000;\n}\n\n.half-phone {\n    border: 10px solid #888;\n    border-top-width: 30px;\n    border-bottom: none;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    background: #000;\n    max-height: 200px;\n    overflow: hidden;\n}\n\n#search-input {\n    outline: none;\n    cursor: auto;\n    padding: 15px;\n}\n\n#search-input:focus, .project-card:hover {\n    border-color: #666;\n}\n\n/* We don't need code and use it as buttons instead */\ncode.language-plaintext {\n    padding: 0px 8px 2px 8px;\n    border: 1px solid #ccc;\n    border-radius: 3px;\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n}\n\n#mainlogo {\n    max-height: 40px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/nl/blog/2020/05/supporting-old-android-versions.html b/nl/blog/2020/05/supporting-old-android-versions.html
index d68dd937c..1b4de3ae8 100644
--- a/nl/blog/2020/05/supporting-old-android-versions.html
+++ b/nl/blog/2020/05/supporting-old-android-versions.html
@@ -330,69 +330,100 @@ <h1 class="size-36 weight-700 color-gray-900">Supporting old Android versions</h
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/06/getting-to-a-new-icon.html b/nl/blog/2020/06/getting-to-a-new-icon.html
index 53318e659..a158df321 100644
--- a/nl/blog/2020/06/getting-to-a-new-icon.html
+++ b/nl/blog/2020/06/getting-to-a-new-icon.html
@@ -411,69 +411,100 @@ <h2 id="interested-contact-us">Interested? Contact us!</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/09/2-0-0-release.html b/nl/blog/2020/09/2-0-0-release.html
index de3ce0dcd..b36c21a02 100644
--- a/nl/blog/2020/09/2-0-0-release.html
+++ b/nl/blog/2020/09/2-0-0-release.html
@@ -343,69 +343,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.0.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/09/new-icon.html b/nl/blog/2020/09/new-icon.html
index 4085fcec1..8ca2e270f 100644
--- a/nl/blog/2020/09/new-icon.html
+++ b/nl/blog/2020/09/new-icon.html
@@ -435,69 +435,100 @@ <h2 id="post-vote-changes">Post-vote changes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/09/version-2-changelog.html b/nl/blog/2020/09/version-2-changelog.html
index 1ba75d201..bdcd68f02 100644
--- a/nl/blog/2020/09/version-2-changelog.html
+++ b/nl/blog/2020/09/version-2-changelog.html
@@ -488,69 +488,100 @@ <h2 id="fixes">Fixes</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/12/2-1-0-release.html b/nl/blog/2020/12/2-1-0-release.html
index d66240e18..5b885865d 100644
--- a/nl/blog/2020/12/2-1-0-release.html
+++ b/nl/blog/2020/12/2-1-0-release.html
@@ -338,69 +338,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.1.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2020/12/new-website.html b/nl/blog/2020/12/new-website.html
index 42d8e7f8e..861b60a44 100644
--- a/nl/blog/2020/12/new-website.html
+++ b/nl/blog/2020/12/new-website.html
@@ -328,69 +328,100 @@ <h1 class="size-36 weight-700 color-gray-900">New website</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2021/05/2-2-0-release.html b/nl/blog/2021/05/2-2-0-release.html
index dbb7e5545..1f7af04ee 100644
--- a/nl/blog/2021/05/2-2-0-release.html
+++ b/nl/blog/2021/05/2-2-0-release.html
@@ -340,69 +340,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.2.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2021/06/forum-anniversary.html b/nl/blog/2021/06/forum-anniversary.html
index 8522ce97c..f736d1de9 100644
--- a/nl/blog/2021/06/forum-anniversary.html
+++ b/nl/blog/2021/06/forum-anniversary.html
@@ -341,69 +341,100 @@ <h1 class="size-36 weight-700 color-gray-900">Forum Anniversary</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2021/07/2-3-0-release.html b/nl/blog/2021/07/2-3-0-release.html
index 958481f45..fc584b827 100644
--- a/nl/blog/2021/07/2-3-0-release.html
+++ b/nl/blog/2021/07/2-3-0-release.html
@@ -342,69 +342,100 @@ <h1 class="size-36 weight-700 color-gray-900">2.3.0 release</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2021/12/2021-recap.html b/nl/blog/2021/12/2021-recap.html
index 6f3aae671..24b3e423f 100644
--- a/nl/blog/2021/12/2021-recap.html
+++ b/nl/blog/2021/12/2021-recap.html
@@ -357,69 +357,100 @@ <h1 id="see-you-again-next-year">See you again next year</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2022/01/website-translations.html b/nl/blog/2022/01/website-translations.html
index c42968dbc..d4a26fc13 100644
--- a/nl/blog/2022/01/website-translations.html
+++ b/nl/blog/2022/01/website-translations.html
@@ -376,69 +376,100 @@ <h1 id="an-educational-experience">An educational experience</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2022/03/2-5-release.html b/nl/blog/2022/03/2-5-release.html
index e1465d838..077c07bd3 100644
--- a/nl/blog/2022/03/2-5-release.html
+++ b/nl/blog/2022/03/2-5-release.html
@@ -353,69 +353,100 @@ <h1 id="other-changes">Other changes</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2022/10/2-7-release.html b/nl/blog/2022/10/2-7-release.html
index 87fb83b4f..dd4f4c6d4 100644
--- a/nl/blog/2022/10/2-7-release.html
+++ b/nl/blog/2022/10/2-7-release.html
@@ -376,69 +376,100 @@ <h1 id="ps-theres-more-to-explore">PS: there’s more to explore</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2022/10/translations-coordinator.html b/nl/blog/2022/10/translations-coordinator.html
index 75f80805b..8ae3fbc0d 100644
--- a/nl/blog/2022/10/translations-coordinator.html
+++ b/nl/blog/2022/10/translations-coordinator.html
@@ -359,69 +359,100 @@ <h1 id="whats-in-it-for-me">What’s in it for me?</h1>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/2023/05/introducing-the-home-screen.html b/nl/blog/2023/05/introducing-the-home-screen.html
index 32c21639e..23d0383c5 100644
--- a/nl/blog/2023/05/introducing-the-home-screen.html
+++ b/nl/blog/2023/05/introducing-the-home-screen.html
@@ -377,69 +377,100 @@ <h2 id="whats-next">What’s next?</h2>
     </div>
   </div>
 
-  <div class="container-fluid svg-wave no-padding">
+  <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/blog/index.html b/nl/blog/index.html
index e39750580..6d353a700 100644
--- a/nl/blog/index.html
+++ b/nl/blog/index.html
@@ -534,69 +534,100 @@ <h3 class="weight-700 pt-4">Supporting old Android versions</h3>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/contribute/develop.html b/nl/contribute/develop.html
index 8d038a096..731589a8b 100644
--- a/nl/contribute/develop.html
+++ b/nl/contribute/develop.html
@@ -370,69 +370,100 @@ <h1 id="neem-contact-op">Neem contact op!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/contribute/index.html b/nl/contribute/index.html
index 518331074..d91182cf8 100644
--- a/nl/contribute/index.html
+++ b/nl/contribute/index.html
@@ -376,69 +376,100 @@ <h5 class="modal-title" id="donationModalLabel">Weet je zeker dat je wilt donere
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/contribute/promote.html b/nl/contribute/promote.html
index 2e84d652a..02f21d984 100644
--- a/nl/contribute/promote.html
+++ b/nl/contribute/promote.html
@@ -317,69 +317,100 @@ <h1 id="neem-contact-op">Neem contact op</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/contribute/translate.html b/nl/contribute/translate.html
index be66c6537..3f7f7acf9 100644
--- a/nl/contribute/translate.html
+++ b/nl/contribute/translate.html
@@ -407,69 +407,100 @@ <h1 id="neem-contact-op">Neem contact op!</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/deeplink/subscribe/index.html b/nl/deeplink/subscribe/index.html
index d786c0152..9046a018b 100644
--- a/nl/deeplink/subscribe/index.html
+++ b/nl/deeplink/subscribe/index.html
@@ -309,69 +309,100 @@
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/documentation/automation.html b/nl/documentation/automation.html
index 334045ba2..8af1386b5 100644
--- a/nl/documentation/automation.html
+++ b/nl/documentation/automation.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Integratie met andere apps</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/automation/deletion.html b/nl/documentation/automation/deletion.html
index 3d3b04d37..d5678fda6 100644
--- a/nl/documentation/automation/deletion.html
+++ b/nl/documentation/automation/deletion.html
@@ -396,69 +396,100 @@ <h2 id="aflevering-opschonen">Aflevering opschonen</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/automation/refreshing-podcasts.html b/nl/documentation/automation/refreshing-podcasts.html
index ec4ab441d..64bf2360f 100644
--- a/nl/documentation/automation/refreshing-podcasts.html
+++ b/nl/documentation/automation/refreshing-podcasts.html
@@ -394,69 +394,100 @@ <h1 id="podcasts-bijwerken">Podcasts bijwerken</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/automation/tasker.html b/nl/documentation/automation/tasker.html
index dc21d0fb8..f1c0a5382 100644
--- a/nl/documentation/automation/tasker.html
+++ b/nl/documentation/automation/tasker.html
@@ -459,69 +459,100 @@ <h3 id="llama---location-profiles">Llama - Location Profiles</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid.html b/nl/documentation/bugs-first-aid.html
index b91f7d767..9172b2dc7 100644
--- a/nl/documentation/bugs-first-aid.html
+++ b/nl/documentation/bugs-first-aid.html
@@ -442,69 +442,100 @@ <h4 class="text-main weight-700">Al m'n podcasts en afleveringen zijn verdwenen<
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/bug-report.html b/nl/documentation/bugs-first-aid/bug-report.html
index db6cc5dc1..6df201d34 100644
--- a/nl/documentation/bugs-first-aid/bug-report.html
+++ b/nl/documentation/bugs-first-aid/bug-report.html
@@ -383,69 +383,100 @@ <h1 id="er-werkt-iets-niet">Er werkt iets niet</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/cannot-stream-download.html b/nl/documentation/bugs-first-aid/cannot-stream-download.html
index 360ce404d..1bf5f437a 100644
--- a/nl/documentation/bugs-first-aid/cannot-stream-download.html
+++ b/nl/documentation/bugs-first-aid/cannot-stream-download.html
@@ -379,69 +379,100 @@ <h1 id="een-aflevering-kan-niet-gedownload-worden">Een aflevering kan niet gedow
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/database-error.html b/nl/documentation/bugs-first-aid/database-error.html
index 20d3bc046..9169af2b0 100644
--- a/nl/documentation/bugs-first-aid/database-error.html
+++ b/nl/documentation/bugs-first-aid/database-error.html
@@ -400,69 +400,100 @@ <h1 id="al-mn-podcasts-en-afleveringen-zijn-verdwenen">Al m’n podcasts en afle
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/episodes-missing.html b/nl/documentation/bugs-first-aid/episodes-missing.html
index fe18053ba..69c240a40 100644
--- a/nl/documentation/bugs-first-aid/episodes-missing.html
+++ b/nl/documentation/bugs-first-aid/episodes-missing.html
@@ -381,69 +381,100 @@ <h1 id="oude-afleveringen-ontbreken">Oude afleveringen ontbreken</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/playback-stops.html b/nl/documentation/bugs-first-aid/playback-stops.html
index 2b1c5afe6..21aca5f53 100644
--- a/nl/documentation/bugs-first-aid/playback-stops.html
+++ b/nl/documentation/bugs-first-aid/playback-stops.html
@@ -379,69 +379,100 @@ <h1 id="het-afspelen-stopt-plotseling">Het afspelen stopt plotseling</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/refresh-download-errors.html b/nl/documentation/bugs-first-aid/refresh-download-errors.html
index 624f0c9c0..04ebffd9a 100644
--- a/nl/documentation/bugs-first-aid/refresh-download-errors.html
+++ b/nl/documentation/bugs-first-aid/refresh-download-errors.html
@@ -393,69 +393,100 @@ <h1 id="fout-bij-het-downloaden-of-verversen-van-de-feed">Fout bij het downloade
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/bugs-first-aid/typo-translations.html b/nl/documentation/bugs-first-aid/typo-translations.html
index 472fe8e6e..f6902019f 100644
--- a/nl/documentation/bugs-first-aid/typo-translations.html
+++ b/nl/documentation/bugs-first-aid/typo-translations.html
@@ -387,69 +387,100 @@ <h1 id="wil-je-ons-alleen-informeren">Wil je ons alleen informeren?</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general.html b/nl/documentation/general.html
index 604f13ed4..c8da9a292 100644
--- a/nl/documentation/general.html
+++ b/nl/documentation/general.html
@@ -462,69 +462,100 @@ <h4 class="text-main weight-700">Tussen verschillende apparaten synchroniseren</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/ads.html b/nl/documentation/general/ads.html
index 70b8861b1..f2549a3b3 100644
--- a/nl/documentation/general/ads.html
+++ b/nl/documentation/general/ads.html
@@ -434,69 +434,100 @@ <h3 id="2-the-podcast-publishers-added-the-ads-to-their-shownotes-or-audio-file"
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/backup.html b/nl/documentation/general/backup.html
index 3d74c677b..45283fb70 100644
--- a/nl/documentation/general/backup.html
+++ b/nl/documentation/general/backup.html
@@ -409,69 +409,100 @@ <h2 id="opml">OPML</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/beta.html b/nl/documentation/general/beta.html
index 65e3e17fb..4637edf90 100644
--- a/nl/documentation/general/beta.html
+++ b/nl/documentation/general/beta.html
@@ -427,69 +427,100 @@ <h2 id="f-droid">F-Droid</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/central-distributed.html b/nl/documentation/general/central-distributed.html
index ae87022f4..8ff9e2fad 100644
--- a/nl/documentation/general/central-distributed.html
+++ b/nl/documentation/general/central-distributed.html
@@ -425,69 +425,100 @@ <h1 id="centrale-en-gedecentraliseerde-podcast-apps">Centrale en gedecentralisee
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/episode-deletion.html b/nl/documentation/general/episode-deletion.html
index d99bf6912..1a41bf8d6 100644
--- a/nl/documentation/general/episode-deletion.html
+++ b/nl/documentation/general/episode-deletion.html
@@ -393,69 +393,100 @@ <h1 id="afleveringen-verwijderen">Afleveringen verwijderen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/external-storage.html b/nl/documentation/general/external-storage.html
index 7f9b6f028..ecd21bd73 100644
--- a/nl/documentation/general/external-storage.html
+++ b/nl/documentation/general/external-storage.html
@@ -391,69 +391,100 @@ <h2 id="problemen-oplossen">Problemen oplossen</h2>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/f-droid.html b/nl/documentation/general/f-droid.html
index 3d175aefd..946ad7172 100644
--- a/nl/documentation/general/f-droid.html
+++ b/nl/documentation/general/f-droid.html
@@ -406,69 +406,100 @@ <h1 id="updates-on-f-droid">Updates on F-Droid</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/proxy.html b/nl/documentation/general/proxy.html
index 0ac26b3a4..1e046ab64 100644
--- a/nl/documentation/general/proxy.html
+++ b/nl/documentation/general/proxy.html
@@ -398,69 +398,100 @@ <h1 id="verkeer-via-een-proxy-of-het-tor-netwerk-leiden">Verkeer via een proxy o
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/general/synchronization.html b/nl/documentation/general/synchronization.html
index 68339e1dd..6b7ac34ad 100644
--- a/nl/documentation/general/synchronization.html
+++ b/nl/documentation/general/synchronization.html
@@ -469,69 +469,100 @@ <h2 id="veel-plezier-met-synchroniseren--1">Veel plezier met synchroniseren :)</
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/getting-started.html b/nl/documentation/getting-started.html
index d5b1121ef..cb0669d3f 100644
--- a/nl/documentation/getting-started.html
+++ b/nl/documentation/getting-started.html
@@ -425,69 +425,100 @@ <h4 class="text-main weight-700">Je abonneren op een podcast</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/getting-started/subscribe.html b/nl/documentation/getting-started/subscribe.html
index a9f74ae89..6aa7d42a3 100644
--- a/nl/documentation/getting-started/subscribe.html
+++ b/nl/documentation/getting-started/subscribe.html
@@ -439,69 +439,100 @@ <h3 id="youtube">YouTube</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/index.html b/nl/documentation/index.html
index 7a1b9a48c..860d54c35 100644
--- a/nl/documentation/index.html
+++ b/nl/documentation/index.html
@@ -458,69 +458,100 @@ <h4 class="text-main weight-700">Voor podcasters &amp; hosters</h4>
 </script>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/documentation/playback.html b/nl/documentation/playback.html
index 0fe9b3929..6941e250e 100644
--- a/nl/documentation/playback.html
+++ b/nl/documentation/playback.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Sneltoetsen voor fysieke toetsenborden</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/playback/android-auto.html b/nl/documentation/playback/android-auto.html
index bdf344dde..1932326f9 100644
--- a/nl/documentation/playback/android-auto.html
+++ b/nl/documentation/playback/android-auto.html
@@ -396,69 +396,100 @@ <h3 id="heb-je-antennapod-gedownload-van-f-droid">Heb je AntennaPod gedownload v
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/playback/auto-rewind.html b/nl/documentation/playback/auto-rewind.html
index aea962730..b9328f362 100644
--- a/nl/documentation/playback/auto-rewind.html
+++ b/nl/documentation/playback/auto-rewind.html
@@ -403,69 +403,100 @@ <h1 id="automatisch-terugspoelen">Automatisch terugspoelen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/playback/shortcuts.html b/nl/documentation/playback/shortcuts.html
index 281987899..c0a7166cf 100644
--- a/nl/documentation/playback/shortcuts.html
+++ b/nl/documentation/playback/shortcuts.html
@@ -488,69 +488,100 @@ <h3 id="videospeler">Videospeler</h3>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/podcasters-hosters.html b/nl/documentation/podcasters-hosters.html
index dd2429819..c05036f4a 100644
--- a/nl/documentation/podcasters-hosters.html
+++ b/nl/documentation/podcasters-hosters.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Je podcast vermeld krijgen</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/podcasters-hosters/add-on-antennapod.html b/nl/documentation/podcasters-hosters/add-on-antennapod.html
index 4d43278ca..ecf5203b7 100644
--- a/nl/documentation/podcasters-hosters/add-on-antennapod.html
+++ b/nl/documentation/podcasters-hosters/add-on-antennapod.html
@@ -387,69 +387,100 @@ <h1 id="maak-een-open-in-antennapod-link">Maak een ‘Open in AntennaPod’-link
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/podcasters-hosters/list-podcast.html b/nl/documentation/podcasters-hosters/list-podcast.html
index 2ef34bd25..23d42d601 100644
--- a/nl/documentation/podcasters-hosters/list-podcast.html
+++ b/nl/documentation/podcasters-hosters/list-podcast.html
@@ -395,69 +395,100 @@ <h1 id="je-podcast-vermeld-krijgen">Je podcast vermeld krijgen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/queue.html b/nl/documentation/queue.html
index 545b2b281..7d52433f0 100644
--- a/nl/documentation/queue.html
+++ b/nl/documentation/queue.html
@@ -402,69 +402,100 @@ <h4 class="text-main weight-700">Meerdere wachtrijen gebruiken</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/queue/how-to-use.html b/nl/documentation/queue/how-to-use.html
index 893836aa2..39efba76d 100644
--- a/nl/documentation/queue/how-to-use.html
+++ b/nl/documentation/queue/how-to-use.html
@@ -380,69 +380,100 @@ <h1 id="het-gebruik-van-de-wachtrij">Het gebruik van de wachtrij</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/queue/lock.html b/nl/documentation/queue/lock.html
index fb4627f8e..e21670b0f 100644
--- a/nl/documentation/queue/lock.html
+++ b/nl/documentation/queue/lock.html
@@ -390,69 +390,100 @@ <h1 id="de-wachtrij-ont-vergrendelen">De wachtrij ont-/vergrendelen</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/queue/multiple-queues.html b/nl/documentation/queue/multiple-queues.html
index 60465ace8..fb2d61e85 100644
--- a/nl/documentation/queue/multiple-queues.html
+++ b/nl/documentation/queue/multiple-queues.html
@@ -380,69 +380,100 @@ <h1 id="meerdere-wachtrijen-gebruiken">Meerdere wachtrijen gebruiken</h1>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/subscriptions.html b/nl/documentation/subscriptions.html
index 098e12a4e..2da2a2d67 100644
--- a/nl/documentation/subscriptions.html
+++ b/nl/documentation/subscriptions.html
@@ -392,69 +392,100 @@ <h4 class="text-main weight-700">Podcast-tags (groepen of categorieën)</h4>
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/subscriptions/listening-without-subscribing.html b/nl/documentation/subscriptions/listening-without-subscribing.html
index 51a88bef9..09f3332b1 100644
--- a/nl/documentation/subscriptions/listening-without-subscribing.html
+++ b/nl/documentation/subscriptions/listening-without-subscribing.html
@@ -400,69 +400,100 @@ <h1 id="naar-een-aflevering-luisteren-zonder-je-te-abonneren">Naar een afleverin
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/documentation/subscriptions/subscription-groups.html b/nl/documentation/subscriptions/subscription-groups.html
index 2b4c88167..fbfc9121e 100644
--- a/nl/documentation/subscriptions/subscription-groups.html
+++ b/nl/documentation/subscriptions/subscription-groups.html
@@ -390,69 +390,100 @@ <h1 id="podcast-tags-groepen-of-categorieën">Podcast-tags (groepen of categorie
         </div>
     </div>
 </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
 </body>
diff --git a/nl/download/index.html b/nl/download/index.html
index e6e440e55..aca43a353 100644
--- a/nl/download/index.html
+++ b/nl/download/index.html
@@ -300,69 +300,100 @@ <h1 class="color-gray-800 weight-700">Download</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/events-with-RDATE.ics b/nl/events-with-RDATE.ics
index 9270aa5f3..34e324c7e 100644
--- a/nl/events-with-RDATE.ics
+++ b/nl/events-with-RDATE.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/nl/events.ics b/nl/events.ics
index 7809de5c5..c9441ce56 100644
--- a/nl/events.ics
+++ b/nl/events.ics
@@ -2,7 +2,7 @@ BEGIN:VCALENDAR
 CALSCALE:GREGORIAN
 VERSION:2.0
 PRODID:-//AntennaPod//Website events section 0.1//EN
-LAST-MODIFIED:20230806T095700Z
+LAST-MODIFIED:20230806T102700Z
 NAME:AntennaPod
 BEGIN:VEVENT
 DTSTAMP:20220409T180000Z
diff --git a/nl/events/2022/07/10-year-anniversary.html b/nl/events/2022/07/10-year-anniversary.html
index d213e294a..5260338f3 100644
--- a/nl/events/2022/07/10-year-anniversary.html
+++ b/nl/events/2022/07/10-year-anniversary.html
@@ -343,69 +343,100 @@ <h5 class="modal-title" id="icsModalLabel">Toevoegen aan kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/events/community-meeting.html b/nl/events/community-meeting.html
index c2150fb75..c4d56e0ee 100644
--- a/nl/events/community-meeting.html
+++ b/nl/events/community-meeting.html
@@ -367,69 +367,100 @@ <h5 class="modal-title" id="icsModalLabel">Toevoegen aan kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
         </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/events/index.html b/nl/events/index.html
index 68736281e..fcb7324f0 100644
--- a/nl/events/index.html
+++ b/nl/events/index.html
@@ -360,69 +360,100 @@ <h5 class="modal-title" id="icsModalLabel">Toevoegen aan kalender</h5>
 
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/index.html b/nl/index.html
index ea176b4e5..938abdd4f 100644
--- a/nl/index.html
+++ b/nl/index.html
@@ -372,69 +372,100 @@ <h2 class="color-gray-900 hero-header">Luister waar dan ook</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
         </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/license/index.html b/nl/license/index.html
index a92ac6d69..bf3a58b24 100644
--- a/nl/license/index.html
+++ b/nl/license/index.html
@@ -317,69 +317,100 @@ <h1 id="de-inhoud-van-de-website">De inhoud van de website</h1>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/privacy/index.html b/nl/privacy/index.html
index f7a919783..b05e66c97 100644
--- a/nl/privacy/index.html
+++ b/nl/privacy/index.html
@@ -433,69 +433,100 @@ <h2 id="updates-van-dit-privacybeleid">Updates van dit privacybeleid</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/s/subs-gone.html b/nl/s/subs-gone.html
index 4287348c3..2b38e06a7 100644
--- a/nl/s/subs-gone.html
+++ b/nl/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Omleiding</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/nl/s/sync-help.html b/nl/s/sync-help.html
index db653ed12..01f1e638f 100644
--- a/nl/s/sync-help.html
+++ b/nl/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Omleiding</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/nl"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/about"><span>Over ons</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/contribute"><span>Bijdragen</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/documentation"><span>Documentatie</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/nl/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/nl/media-kit"><span>Persmateriaal</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/license">Licentie</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/nl/privacy">Privacybeleid</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/nl">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennePod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">De makkelijke, flexibele en open source podcast-manager voor Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/about">
+              Over ons
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/contribute">
+              Bijdragen
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/nl/documentation">
+              Documentatie
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/nl/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/nl/media-kit">-->
+          <!--    <span>Persmateriaal</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/license">Licentie</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/nl/privacy">Privacybeleid</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/privacy/index.html b/privacy/index.html
index 5c2c9c1e1..d5b89e0bc 100644
--- a/privacy/index.html
+++ b/privacy/index.html
@@ -351,69 +351,100 @@ <h2 id="updates-of-this-privacy-policy">Updates of this Privacy Policy</h2>
 </div>
 
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
+        </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
         </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/s/subs-gone.html b/s/subs-gone.html
index 3c1fac870..b9470bb69 100644
--- a/s/subs-gone.html
+++ b/s/subs-gone.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirect</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>
diff --git a/s/sync-help.html b/s/sync-help.html
index 483ffa66f..9cc5fc111 100644
--- a/s/sync-help.html
+++ b/s/sync-help.html
@@ -283,69 +283,100 @@ <h1 class="color-gray-800 weight-700">Redirect</h1>
         </div>
       </div>
     </div>
-    <div class="container-fluid svg-wave no-padding">
+    <footer>
+  <div class="container-fluid no-padding">
     <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1440 320">
-        <path fill="#F7FAFC" fill-opacity="1" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
-        </path>
+      <path class="svg-wave" fill="#00000" fill-opacity="0" d="M0,160L80,181.3C160,203,320,245,480,245.3C640,245,800,203,960,197.3C1120,192,1280,224,1360,240L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z">
+      </path>
     </svg>
-</div>
-<footer>
-    <div class="container-fluid pb-2 background-gray-100">
-        <div class="container">
-            <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
-                <div class="col-12 col-lg-4 col-md-12 mb-3">
-                    <div class="small mb-4 mb-lg-3"><a href="/"><img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260"></a></div>
-                    <p class="size-14 color-gray-900 mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
-                </div>
-                <div class="col-0 col-lg-2"></div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/about"><span>About</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/blog"><span>Blog</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/contribute"><span>Contribute</span></a></div>
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/documentation"><span>Documentation</span></a></div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
-                    <div class="small">
-                        <div class="mb-2 size-16"><a class="color-gray-900" href="/download"><span>Download AntennaPod</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="/media-kit"><span>Media Kit</span></a></div>-->
-                    </div>
-                </div>
-                <div class="col-5 col-lg-2 col-md-4 col-sm-4">
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://twitter.com/antennapod" target="_blank" rel="noopener"><i class="fa-brands fa-twitter mr-1"></i>Twitter</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener"><i class="fa-brands fa-mastodon mr-1"></i>Mastodon</a>
-                    </p>
-                    
-                    
-                    <p class="mb-2">
-                        <a class="mr-2 color-gray-900" href="https://github.com/AntennaPod" target="_blank" rel="noopener"><i class="fa-brands fa-github mr-1"></i>GitHub</a>
-                    </p>
-                    
-                    <p>
-                        <a class="mr-2 color-gray-900" href="/rss.xml" target="_blank" rel="noopener"><i class="fa fa-rss mr-1"></i>RSS</a>
-                    </p>
-                </div>
-            </div>
-            <p class="top-border mb-2"></p>
-            <div class="d-block d-lg-flex justify-content-between pt-0 pb-3">
-                <div class="small mb-2 mb-lg-0">
-                    <span class="copyright">© 2023 AntennaPod</span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/license">License</a></span>
-                    <span class="copyright mx-2">|</span>
-                    <span class="copyright"><a class="copyright underline-hover" href="/privacy">Privacy Policy</a></span>
-                </div>
-            </div>
+  </div>
+  <div class="container-fluid pb-2 bg-body-tertiary">
+    <div class="container">
+      <div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
+        <div class="col-12 col-lg-4 col-md-12 mb-3">
+          <div class="mb-4 mb-lg-3">
+            <a href="/">
+              <img src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260" alt="AntennaPod Logo">
+            </a>
+          </div>
+          <p class="small mb-3">The easy-to-use, flexible and open-source podcast manager for Android.</p>
         </div>
+        <div class="col-0 col-lg-2"></div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/about">
+              About
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/blog">
+              Blog
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/contribute">
+              Contribute
+            </a>
+          </div>
+          <div class="mb-2">
+            <a href="/documentation">
+              Documentation
+            </a>
+          </div>
+        </div>
+        <div class="col-6 col-lg-2 col-md-4 col-sm-4 mb-3">
+          <div class="mb-2">
+            <a href="/download">
+              Download AntennaPod
+            </a>
+          </div>
+          <!--<div class="mb-2">-->
+          <!--  <a href="/media-kit">-->
+          <!--    <span>Media Kit</span>-->
+          <!--  </a>-->
+          <!--</div>-->
+        </div>
+        <div class="col-5 col-lg-2 col-md-4 col-sm-4">
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://fosstodon.org/@AntennaPod" target="_blank" rel="me noopener">
+              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://github.com/AntennaPod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-github mr-1"></i>GitHub
+            </a>
+          </p>
+          
+          
+          <p class="mb-2">
+            <a class="mr-2" href="https://twitter.com/antennapod" target="_blank" rel="noopener">
+              <i class="fa-brands fa-twitter mr-1"></i>Twitter
+            </a>
+          </p>
+          
+          <p>
+            <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
+              <i class="fa fa-rss mr-1"></i>RSS
+            </a>
+          </p>
+        </div>
+      </div>
+      <p class="top-border mb-2"></p>
+      <div class="d-block d-lg-flex justify-content-between pt-0 pb-3 copyright">
+        <div class="small mb-2 mb-lg-0">
+          © 2023 AntennaPod
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/license">License</a>
+          <span class="mx-1">|</span>
+          <a class="underline-hover" href="/privacy">Privacy Policy</a>
+        </div>
+      </div>
     </div>
+  </div>
 </footer>
 
   </body>